comment ajouter dropdownlist à kendo pop up éditeur si le bouton Ajouter est appuyé

Question

dans ma grille de kendo quand je veux ajouter un nouvel enregistrement la fenêtre d'ajout apparaît, je veux ajouter une liste déroulante là, parce que j'ai besoin de cette liste déroulante seulement si je veux ajouter un nouvel enregistrement, l'approche fowlloing ne fonctionne pas, signifie que je ne peux pas voir la liste des dopdown:

edit:function(e) { if (e.model.isNew()) { $("DeviceType") 
           .appendTo(container) 
           .kendoDropDownList({          
           dataTextField: "Text", 
           dataValueField: "Text", 
           valuePrimitive: true, 
           dataSource: mydata_deviceType,}}} 

mes champs de la grille:

columns: [ 
            { field: 'DeviceIP', title: 'DeviceIP', width: '100px', id: 'DeviceIP' }, 
            { field: 'Producer', title: 'Producer', width: '80px', id: 'Producer' },//editor: ProductNameDropDownEditor, 
            { field: 'Model', title: 'Model', width: '220px', id: 'Model' }, 
            { field: 'DeviceType', title: 'DeviceType', width: '100px', id: 'DeviceType', editor: deviceTypesList }, 
            { field: 'Description', title: 'Description', width: '220px' }, 
            { field: 'Username', title: 'Username', width: '120px' }, 
            { field: 'Password', title: 'Password', width: '100px' }, 
            { field: 'PublicIP', title: 'PublicIP', width: '120px', id: 'PublicIP' }, 
            { field: 'TurbineId', title: 'TurbineId', width: '120px', id: 'TurbineId', hidden: true }, 
            { field: 'device_id', title: 'device_id', width: '120px', id: 'deviceid', hidden: true }, 
            { field: 'ModelProducer', title: 'Producer/Model', hidden: true, editor: modelProducer }, 
            { 
             command: ["edit"], title: " " 

            } 
          ], 

la fonction modelProducer:

function modelProducer(container, options) { 


          var t = modelProducerResult; 

          $('<input name="ModelProducer" id="ModelProducer" data-type="string" style="width: 100%"\">') 
          .appendTo(container) 
          .kendoDropDownList({ 


           dataSource: modelProducerResult, 
           dataTextField: "model", 
           dataValueField: "model", 
           valuePrimitive: true,         
           change: upnChange 

          }); 

          debugger; 

         } 

Answer 1

Vous pouvez ajouter un éditeur en fonction du mode ajouter/modifier. il suffit de changer votre fonction éditeur comme ceci:

function deviceTypesList(container, options) { 
    if (options.model.isNew()) { 
     $('<input name="' + options.field + '"/>') 
       .appendTo(container) 
       .kendoDropDownList({ 
        dataTextField: "Text", 
        dataValueField: "Text", 
        valuePrimitive: true, 
        dataSource: mydata_deviceType 
       }); 
    } 
    else 
    { 
     $('<input type="text" class="k-input k-textbox" name="DeviceType"">') 
       .appendTo(container); 
    } 
} 

Voici une démonstration de travail http://dojo.telerik.com/IReWe

Je l'espère vous aide :)