2013-03-19 19 views
6

में प्रत्येक पंक्ति में कस्टम बटन जोड़ने के लिए मैं केंडो ग्रिड की प्रत्येक पंक्ति में कस्टम बटन जोड़ने की कोशिश कर रहा हूं, लेकिन मुझे वांछित आउटपुट नहीं मिल रहा है। इसलिए मेरी आवश्यकता प्रत्येक पंक्ति में गतिशील बटन जोड़ना है इन बटनों पर क्लिक करने के लिए मुझे कुछ चीज़ों को संसाधित करने की आवश्यकता है जिसके लिए मुझे उस बटन पर क्लिक करने के लिए कुछ कॉलम मानों की आवश्यकता है।केंडो ग्रिड

@(Html.Kendo().Grid(Model)  
.Name("Grid") 
.Columns(columns => 
{ 
columns.Bound(o => o.Id); 

    columns.Bound(o => o.TBRId).Width(100).Title(UI_Resources.ListLabel_TBRId); 

    columns.Bound(o => o.THUQuantity).Width(50).Title(UI_Resources.ListLabel_THUQuantity).HtmlAttributes(new { style = "text-align:right" }); 
    columns.Bound(o => o.Id).ClientTemplate("<input width='50px' type='button' value= " + UI_Resources.Button_Details + " onclick='onDetailUnitClick(#= Id #);' class='btn btnTable' />").Width(50).Title(""); 
columns.Bound(o => o.IsPOD).ClientTemplate("#= AppendZeroPODButton(Id,IsPOD) #").Width(60).Title(""); 

}) 

.Pageable() 

.Sortable() 

.Scrollable() 

.Filterable() 

.DataSource(dataSource => dataSource 

    .Ajax() 

      .Read(read => read.Action("GetUnitsForShipment", "POD",new { shipmentId = @Model, Mode = "POD" })) 

     ) 

) 

/*JavaScript */ 

function onDetailUnitClick(Id) { 
var podDateTime = $("#enteredPODDateTime").val(); 
var stopId = $("#hiddenStopId").val(); 
var mode = ''; 
if (typeof $("#hiddenMode").val() != 'undefined') 
    mode = $("#hiddenMode").val(); 
window.location.href = "/POD/Details/" + Id + "?stopId=" + stopId + "&date=" + podDateTime + "&mode=" + mode; 
    }; 

    function AppendZeroPODButton(Id, isPOD) { 
if (isPOD == true) { 
    return "<input width='100px' type='button' value= 'Zero POD' onclick='onPODUnitClick(" + Id + ",1);' class='btn btnTable btn-success' disabled />"; 
} 
else { 

    return "<input width='100px' type='button' value= 'Zero POD' onclick='onPODUnitClick(" + Id + ",1);' class='btn btnTable btn-danger' />"; 
}} 

तरह

मैं कोशिश की है कुछ तुम मुझे सुझाव है कि कृपया मैं गलत क्या कर रहा हूँ !! यह टेलीरेक एमवीसी ग्रिड के लिए काम कर रहा था।

धन्यवाद योगेन्द्र सिंह

उत्तर

5

यह अगर मैं

columns.Template(t => t.IsPOD).HeaderTemplate("").ClientTemplate(@"<a href='javascript: void(0)' class='btn btnTable' onclick='onDetailUnitClick(#= Id #)' title='button delete'>" + UI_Resources.Button_Details + " </a>").Title("").Width(50); 

और

columns.Bound(p => p.IsPOD).ClientTemplate("# if(IsPOD == true) { # <a href='javascript: void(0)' class='btn btnTable btn-success' onclick='onPODUnitClick(#= Id #, 1)' title='Zero POD'>" + UI_Resources.Button_ZeroPOD + "</a> # } else {# <a href='javascript: void(0)' class='btn btnTable btn-danger' onclick='onPODUnitClick(#= Id #, 1)' title='Zero POD'>" + UI_Resources.Button_ZeroPOD + "</a> # } #").Title("").Width(100); 
संबंधित मुद्दे