This is a migrated thread and some comments may be shown as answers.

Editable Grid suggestions

0 Answers 147 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Blop
Top achievements
Rank 1
Blop asked on 17 Apr 2012, 02:58 PM
Hello,

  With last Kendo UI version we can edit via  batch/inline/popup, it's great.
  Also great to have localized data on cultures directory.

  Some suggestions :
   1. could you localize your grid.js  (and others) ?

example : kendo.grid.js ln 1404 :
var container = that._editContainer = $(html)
              .appendTo(that.wrapper)
              .kendoWindow(extend({
                  modal: true,
                  resizable: false,
                  draggable: true,
                  title: "Edit",
                  visible: false
              }, options));

Title is "Edit". Sure in english it's OK, but in any other language it's not.


  2. on popup edition could you give us a way to edit model.fields instead of only "colums" ?
example :
   - i have a model with 6 fields : Name (Id), Description, IsValidated, Value, Module, Language
   - i have a table with 4 of those fields (not enought space to show them all) : Name (Id), Value, Module, Language

Actually if i want to use your default implementation of Popup edition,  i can only edit those 4 fields (Name (Id), Value, Module, Language) and not the others due to Grid.js ln 1377 binding on columns :

for (idx = 0, length = that.columns.length; idx < length; idx++)

Could you add an option to bind to model.fields instead, should make sense because it's on model.fields where we defined properties like "editable","nullable" ,etc...   or can you add an editable.columns options giving us a way to edit what we want in the order we want ?

 3. on popup edition , could you document options.editable.template  && editable.template.mode ?
we could see on source code that we can provide a template for edition, could you add sample & documentation ?

example :

<script id="popinEditResource" type="text">
      <div class="k-edit-label"><label for="Language">Langue</label></div>
      <div class="k-edit-field">#= Language #</div>
       
      <div class="k-edit-label"><label for="Name">Nom</label></div>
      <div class="k-edit-field">#= Name #</div>
       
      <div class="k-edit-label"><label for="Module">Module</label></div>
      <div data-container-for="Module" class="k-edit-field"><input data-bind="value:Module" name="Module" class="k-input k-textbox" type="text"></div>
       
      <div class="k-edit-label"><label for="Value">Valeur</label></div>
      <div data-container-for="Value" class="k-edit-field"><input data-bind="value:Value" name="Value" class="k-input k-textbox" type="text"></div>
       
      <div class="k-edit-label"><label for="Description">Description</label></div>
      <div data-container-for="Description" class="k-edit-field"><input data-bind="value:Description" name="Description" class="k-input k-textbox" type="text"></div>
       
      <div class="k-edit-label"><label for="IsValidated">Validé</label></div>
      <div data-container-for="IsValidated" class="k-edit-field"><input data-bind="checked:IsValidated" data-type="boolean" name="IsValidated" type="checkbox"></div>
   </script>

and on Grid definition :
editable: {
          mode : "popup" ,
          template: $("#popinEditResource").html()
      },

 this last sample allow to show only 4 columns on grid & edit 6 colums, but popin template has to be done manually.

thanks for all,
BloP







No answers yet. Maybe you can help?

Tags
Grid
Asked by
Blop
Top achievements
Rank 1
Share this question
or