검도 표에 값을 표시합니다.

단추 클릭으로 데이터베이스를 사용하지 않는 사용자 지정 목록을 사용하여 검도 Ui 표에 detial을 표시하려하지만이 목적으로 그리드에 세부 정보를 표시하지 못했습니다. ..검도 표에 값을 표시합니다.

이 내 모델

namespace KendoPratapSampleMVCApp.Models 
{ 
    public class SampleGrids 
    { 
     public List<Sample> samples; 
    } 
    public class Sample 
    { 
     public string SampleDescription { get; set; } 
     public string SampleCode {get; set;} 
     public string SampleItems { get; set; } 
    } 
}

이며,이 컨트롤러

namespace KendoPratapSampleMVCApp.Controllers 
    { 
    public class SearchResultsDisplayController : Controller 
    { 
     // 
     // GET: /SearchResultsDisplay/ 

     public ActionResult Index() 
     { 
      return View(); 
     } 
     public static IEnumerable<Sample> GetSamples() 
     { 
      List<Sample> sampleAdd = new List<Sample>(); 
      Sample s12 = new Sample(); 
      s12.SampleCode = "123se"; 
      s12.SampleDescription = "GOOD"; 
      s12.SampleItems = "newone"; 

      Sample s2 = new Sample(); 
      s2.SampleCode = "234se"; 
      s2.SampleDescription = "Average"; 
      s2.SampleItems = "oldone"; 

      sampleAdd.Add(s12); 
      sampleAdd.Add(s2);    
      return sampleAdd; 
     } 
     [HttpPost] 
     public ActionResult PostValues(Sample model) 
     { 
      return View("Index",GetSamples());    
     } 
     public ActionResult Orders_Read([DataSourceRequest]DataSourceRequest request) 
     { 
      return Json(GetSamples().ToDataSourceResult(request)); 
     }  
    } 
}

(여기에 내가 ( PostValues 이벤트 내부의 getsamples() 메소드를 호출하고이 버튼을 클릭 이벤트)입니다)

이것은 내보기 (여기에 내가 jQuery를 사용하여 바인딩하고)

@Scripts.Render("~/bundles/jquery")  
<script type ="text/javascript"> 
    $('#Submit1').click(function() { 
     alert('1'); // dint get this alert when I click on submit button 
     $('#grid12').data('kendoGrid').dataSource.read(); 
     // $('#grid12').css("display", "block"); 
    }); 
</script>  
@model IEnumerable<KendoPratapSampleMVCApp.Models.Sample>  
@{ 
    ViewBag.Title = "Index"; 
}  
<h2>Index</h2> 
@using (Html.BeginForm("PostValues", "SearchResultsDisplay", FormMethod.Post)) 
{ 

    <input id="Submit1" type="submit" value="SubmitValue" /> 
    @(Html.Kendo().Grid<KendoPratapSampleMVCApp.Models.Sample>()  
    .Name("grid12") 
    .Columns(columns => { 
     columns.Bound(p => p.SampleDescription).Filterable(false).Width(100); 
     columns.Bound(p => p.SampleCode).Filterable(false).Width(100); 
     columns.Bound(p => p.SampleItems).Filterable(false).Width(100); 
    }) 
    .Pageable() 
    .Sortable() 
    .Scrollable() 
    .AutoBind(false) // here I am disabling automatic binding at page load 
    .Filterable() 
    .HtmlAttributes(new { style = "height:430px;" }) 
    .DataSource(dataSource => dataSource 
     .Ajax() 
     .PageSize(20) 
     .Read(read => read.Action("Orders_Read", "SearchResultsDisplay")) 
    ) 
) 
}

우리가 버튼을 어떤 제안을 제출하고 어떤 아이디어가 나에게 매우 감사하게 될 것입니다 때 나는 ... 의 데이터를 결합 할 수없는 생각이다 많은 감사 ....

출처

2013-08-05 Enigma State

당신은 당신이 당신의 버튼 타입 변경해야

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#Submit1').click(function() { 
      alert('1'); // dint get this alert when I click on submit button 
      $('#grid12').data('kendoGrid').dataSource.read(); 
      // $('#grid12').css("display", "block"); 
     }); 
    }); 
</script>

,이처럼 script에 Document.ready을 추가해야 Submit-button

<input id="Submit1" type="button" value="SubmitValue" />

및 그리드가 완벽하게 바인딩되어 있습니다.

출처

2013-08-05 08:39:04 Jaimin

미안 나는 이미했다하지만이 작동하지 않습니다 ....하지만 난 그리드 .. 난 그냥 내 코드를 업데이트 –

안녕 프라 탑을 바인딩 할 베일 아닙니다. – Jaimin

많은 감사 ... 지금 작동 중 .. –

버튼의 유형을 '제출'에서 '버튼'으로 변경하고 자바 스크립트에서 클릭 이벤트라고합니다.

$(document).ready(function(){ 
    $('#yourButtonId').click(function(){ 

    //write the desired logic here 

    }) 
})

출처

2014-01-27 04:30:07

검도 표에 값을 표시합니다.

답변

관련 문제