title: Show dropdown in cell of kendo grid in template
body: <p>I have a kendo grid working fine but i want to display the drop down in all cell of a column ie "Security Action" column cell. whether u r editing or not editing so the user know that this is dropdown in that cell.I dont want like that when click in cell a  drop down appear like mention in <a href="http://demos.kendoui.com/web/grid/editing-custom.html" rel="nofollow">this</a> demo site of kendo. </p>
  
  <p>My code is given below</p>
  
  <blockquote>
    <p>HTML:</p>
  </blockquote>
  
  <pre><code>&lt;div id="example" class="k-content"&gt;
      &lt;div id="clientsDb"&gt;
      &lt;div id="grid" style="top:0px;width:100%;height: 380px"&gt;
      &lt;/div&gt;              
      &lt;/div&gt;
  </code></pre>
  
  <blockquote>
    <p>CSS:</p>
  </blockquote>
  
  <pre><code>&lt;style scoped&gt;
  #clientsDb {
       width: 1400px;
           height: 310px;
       margin: 0 auto;
       padding: 0 4px 0 4px;
       background: url('../kendo/content/web/grid/clientsDb.png') no-repeat 0 0;
        }
  &lt;/style&gt;
  </code></pre>
  
  <blockquote>
    <p>JS:</p>
  </blockquote>
  
  <pre><code> &lt;script&gt;
          function kendoGridExecute(data){
          $(document).ready(function() {
  
                                      $("#grid").kendoGrid({
                                          dataSource: {
                                              data: data.items,
                                              autoSync: true,
                                              schema: {
                                                  model: {
                                                    fields: {
                                                          Type: { editable: false, nullable: true },
                                                          Penalty:{ editable: false, nullable: true },
                                                          Init_r:{ editable: false, nullable: true },
                                                          Opt_r:{ editable: false, nullable: true },
                                                          Change_r:{editable: false, nullable: true},     
                                                          Action:{defaultValue : {text: "No Action", value: "No Action" } }                               
                                                          }
                                                  }
                                              }
  
                                          },
                                          groupable: true,
                                          sortable: true,
                                          scrollable: true,
                                          filterable: true,
                                          editable : true,
  
                                          columns: [ {
                                                  field : "Type",
                                                  width : 90,
                                                  title : "Type"                                      
                                              } , {
                                                  field : "Penalty",
                                                  width : 120,
                                                  title : "Penalty"
  
                                              } , {
                                                  width : 50,
                                                  field : "Bmk",
                                                  title : "Abs. Bmk",
                                                  template:"&lt;input class='k-textbox' data-bind='value: Bmk' style='width:50px'&gt;"     
                                              } , {
                                                  width : 50,
                                                  field : "Init_r",
                                                  title : "Rel. Init"
                                              } , {
                                                  width : 50,
                                                  field : "Opt_r",
                                                  title : "Rel. Opt"
                                              } , {
                                                  title : "Rel. Chg",
                                                  field : "Change_r",
                                                  width : 50
                                              },{
                                                  title : "Min",
                                                  field : "Min",
                                                  width: 50,
                                                  template:"&lt;input class='k-textbox' data-bind='value: Min' style='width:50px'&gt;" 
                                              },{
                                                  title : "Max",
                                                  field : "Max",
                                                  width : 50,
                                                  template:"&lt;input class='k-textbox' data-bind='value: Max' style='width:50px'&gt;" 
                                              },{
                                                  field : "Scale",
                                                  title : "Scale",
                                                  width : 50,
                                                  template:"&lt;input class='k-textbox' data-bind='value: Scale' style='width:50px'&gt;" 
                                              },
                                              {
                                                  field : "Init",
                                                  title : "Abs. Init",
                                                  width : 50
                                              },
                                              {
                                                  field : "Opt",
                                                  title : "Abs. Opt",
                                                  width : 50
                                              },
                                              {
                                                  field : "Action",
                                                  title : "Security Action",
                                                  width : 100,
                                                  editor: securityActionDropDownEditor,
                                                  template: "#=Action#" 
                                              }
                                          ],
                                          batch: true,
                                          dataBound: function() {
                                              var rows = this.tbody.children();
                                              var dataItems = this.dataSource.view();
                                                  for (var i = 0; i &lt; dataItems.length; i++)  {
                                                    kendo.bind(rows[i], dataItems[i]);
                                                  }
                                              }
  
  
                                      });
                                  });
  
  
                              }
                              function securityActionDropDownEditor(container, options) {
  
                                  $('&lt;input required data-text-field="text" data-value-field="value" data-bind="value:' + options.field + '"/&gt;')
                                      .appendTo(container)
                                      .kendoDropDownList({
                                                  dataSource: [ 
                                                                { text: "No Action", value: "No Action" },
                                                                { text: "DNS", value: "DNS" },
                                                                { text: "DNB", value: "DNB" },
                                                                { text: "DNT", value: "DNT" }
                                                   ],
                                                   autoBind: false,
                                                   index:0
                                      });
                                  console.log(options);
                                  console.log(options.field);
                              }
                              &lt;/script&gt;
  </code></pre>