Veri kaynağı ajax ile bağlanan Telerik MVC Grid'de
client tarafında javascript event'i içinde gerekli değeri dropdownlist'e atama yapmak gerekmektedir. Kendisi otomatik yapmaktadır. Şu anki kaydı kullandırmak adına ClientTemplate içinde Html.DropDownListFor kullanımına da izin vermektedir.
...
...
columns.Bound(r => r.LetterGrade).ClientTemplate(
Html.DropDownList(
"LetterGrade"
, new SelectList(Model.GradeSelectList, "Value", "Text", "<#= LetterGrade #>") // buradaki <#= LetterGrade #> tanımı nedense çalışmıyor, client event ile seçim sağlanıyor
, "Please Select..."
, new { studentID = "<#= StudentID#>", versionId = Model.VersionId, onchange = "UpdateGrade(this)", style = "width:120px;" }
).ToHtmlString()
+
"<span id='spnUpdateGradeStatus'><span>"
).Title("Letter Grade").Width(150);
...
...
Javascript fonksiyonu da şu şekilde olmalıdır:
<script>
function UpdateGrade(currentObject) {
//debugger;
var currentValue = $(currentObject).val();
alert(currentValue);
}
function OnRowDataBound(e) {
$(e.row).find('#LetterGrade').val(e.dataItem['LetterGrade']);
}
</script>
Kaynaklar:
http://jagadeesh7n.wordpress.com/2011/07/22/adding-dropdownlist-to-telerik-mvc-grid/
C#, .NET, .Net Core
ASP.NET MVC, ASP.NET Web Forms, ASP.NET Core
HTML 5, CSS 3, Javascript, jQuery, Bootstrap
Entity Framework, NHibernate, Dapper
Sql Server, MySql, Oracle
Windows Server, Ubuntu, Debian, Pardus
Xamarin Forms, Android Studio
--- The future of the open web platform is looking very bright!
--- .NET is a free, cross-platform, open source developer platform for building any app.
Google Analytics İzleme
Kaydol:
Kayıt Yorumları (Atom)
Hiç yorum yok:
Yorum Gönder