Как настроить кнопку обновления сетки кендо?

Я новичок в kendo web UI. Я хочу реализовать встроенную сетку редактирования. Когда я нажимаю кнопку добавления/редактирования, у нас есть встроенные поля формы с кнопкой обновления, я хочу получить уникальный идентификатор для каждой строки и настраиваемой функциональности кнопки обновления, чтобы я мог обновлять свою базу данных.Как настроить кнопку обновления сетки кендо?

<table id="grid11" style="table-layout: fixed; display:none;"> 
     <colgroup> 
       <col style="width:10%"> 
       <col style="width:20%"> 
       <col style="width:20%"> 
       <col style="width:20%"> 
       <col style="width:30%"> 
     </colgroup> 
    <thead> 
     <tr>    
      <th><font style="font-weight:bolder; color:#7ea700; font-size:16px;">Qty</font></th> 
      <th><font style="font-weight:bolder; color:#7ea700; font-size:16px;">Unit</font></th> 
      <th><font style="font-weight:bolder; color:#7ea700; font-size:16px;">Style Number</font></th> 
      <th><font style="font-weight:bolder; color:#7ea700; font-size:16px;">Description</font></th>   <th><font style="font-weight:bolder; color:#7ea700; font-size:16px;">Command</font></th> 
     </tr> 
     </thead> 
     <tbody> 
     <tr>    
      <td>10</td> 
      <td>12</td> 
      <td>231234</td> 
      <td>ItemDescription</td> 
      <td></td>   
     </tr> 
    </tbody> 
</table> 



<script> 
    $(document).ready(function(){ 
     $("#grid11").kendoGrid({ 
      dataSource: { 
       schema: { 
         model: { id: "id" }, 
          fields: { 
             id: { editable: false, nullable: true }, 
             Qty: { validation: { required: true } }, 
             Unit: { validation: { required: true } }, 
             StyleNumber: { validation: { required: true } }, 
             Description: { validation: { required: true } }, 
            } 
         }, 
       pageSize: 5 
      }, 
      pageable: true, 
      height: 300, 
      sortable: true, 
      toolbar: [{name:"create",text:"Add"}], 
      editable: "inline", 
      columns: [ 
        {field: "Qty"}, 
        {field: "Unit"}, 
        {field: "StyleNumber"}, 
        {field: "Description"}, 
        { command: ["edit", "destroy"], title: "&nbsp;", width: "172px" }] 

     }); 
     $("#grid11").show(); 
    }); 
</script>

, пожалуйста, помогите мне.

Благодаря

источник

2013-05-08 Sameek Mishra

А зачем вам нужны пользовательские обновления button.You можно использовать defalut кнопку обновления сетки и обновления базы данных. –

<script> 
    $(document).ready(function(){ 
     var len      = 0; 
     $("#grid11").kendoGrid({ 
      dataSource: { 
       transport: { 
          read: "your_read_url", 
          update: { 
          url: "url_for_update", 
          type: "POST", 
          complete: function(result) { 

           } 
          }, 
          create: { 
           url: "url_for_add", 
           type: "POST", 
           complete: function(result) { 

           }, 
          }, 
          destroy: { 
          url: "url_for_delete" , 
          type: "POST", 
          complete: function(result) { 

           }, 
          } 
         }, 
       schema: { 
         model: { id: "id" }, 
          fields: { 
             id: { editable: false, nullable: true }, 
             Qty: { validation: { required: true } }, 
             Unit: { validation: { required: true } }, 
             StyleNumber: { validation: { required: true } }, 
             Description: { validation: { required: true } }, 
            } 
         }, 
       pageSize: 5 
      }, 
      pageable: true, 
      height: 300, 
      sortable: true, 
      toolbar: [{name:"create",text:"Add"}], 
      editable: "inline", 
      columns: [ 
        {field: "Qty"}, 
        {field: "Unit"}, 
        {field: "StyleNumber"}, 
        {field: "Description"}, 
        { command: ["edit", "destroy"], title: "&nbsp;", width: "172px" }] 

     }); 
     $("#grid11").show(); 
    }); 
</script>

источник

2013-05-08 14:03:18

Каким должен быть формат возврата для чтения URL-адреса и как получить уникальный идентификатор для каждой строки? Нужно больше Уточнение –

Данные возврата Сэма должны быть закодированы json и присвоить id как значение возвращаемого массива и должны быть уникальными, например, установить счетчик для идентификатора из возвращаемых данных –

columns: [ 
          { field: "FirstName", title: "First Name", width: "140px" }, 
          { field: "LastName", title: "Last Name", width: "140px" }, 
          { field: "Title" }, 
          { command: { text: "View Details", click: showDetails }, title: " ", width: "140px" }]

Script

function showDetails(e) { 
        e.preventDefault(); 
    // your logic on command click 

       }

See Kendo Documentation

источник

2013-05-08 14:32:32 HaBo

Как настроить кнопку обновления сетки кендо?

ответ

Смежные вопросы