Google Analytics İzleme

05 Aralık 2012

Telerik MVC Grid - Grid içinde kullanılan DrowDownList'de şu an kaydın değeri seçili olarak gösterme

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/






Hiç yorum yok: