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' />"; 
}} 

のようなものを試してみました! TelerekのMVCグリッドで動作していました。

おかげ ヨジェンドラ・シン

答えて

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); 
関連する問題