편집기 템플릿 두 구성 요소를 정렬하십시오.

Telerik MVC 그리드를 사용하는 그리드에 대한 편집기 템플릿이 있고 그리드 셀에 두 개의 검도 UI 구성 요소가 있습니다. 서로 나란히 정렬 할 수있는 방법은 무엇입니까?편집기 템플릿 두 구성 요소를 정렬하십시오.

저는 div를 사용하고 float을 정렬하려고했지만 CSS를 별도로 렌더링하고 아이디어를 나란히 배치하는 방법을 모릅니다.

현재 검색 버튼은 자동 완성 텍스트 상자 아래에 있습니다.

@model object 

@*@Html.Kendo().AutoComplete().Name("LocationSearch").Placeholder("Type in your search item . . ").Filter("startswith").BindTo(new string[] { "UK","USA","FR","ES","TR","RU","PT"}).Separator(",")*@ 

@(Html.Kendo().AutoComplete() 
.Name("DepartmentSearch") 
.Filter("startswith") 
.Placeholder("Type in your search item") 
    .DataSource(source => 
    { 
     source.Read(read => 
     { 
      read.Action("GetDepartments", "Home"); 

     }) 
     .ServerFiltering(false); 

    }) 

) 

@(Html.Kendo().Button() 
    .Name("Search") 
    .HtmlAttributes(new { type = "button", style="min-width:20px !important;"}) 
    .Content("...") 
    )

출처

2015-01-16 tau

자동 완성 위젯은 jquery를 통해 인라인 너비가 추가 된 스팬에서 만들어졌습니다. $ ("# DepartmentSearch").() .css ('width', '65 %'); – tau

자동 완성 위젯은 jquery를 통해 인라인 너비가 추가 된 스팬에 만들어집니다. $ ("# DepartmentSearch"). 첫 번째() .css ('너비', '65 % ');

출처

2015-01-19 10:44:55 tau

편집기 템플릿 두 구성 요소를 정렬하십시오.

답변

관련 문제