Почему новую строку нельзя добавить в таблицу с помощью easyui datagrid - PullRequest
Новая
       32

Почему новую строку нельзя добавить в таблицу с помощью easyui datagrid

0 голосов
/ 06 марта 2019

В моем проекте я использую easyui, и я добавил панель инструментов в таблицу.

Заголовок страницы: 

<script type="text/javascript" src="jsui/easyui-1.5.3/jquery.min.js"></script>
<script type="text/javascript" src="jsui/easyui-1.5.3/jquery.easyui.min.js"></script>
<script type="text/javascript" src="jsui/easyui-1.5.3/plugins/jquery.datagrid.js"></script>
<script type="text/javascript" src="jsui/easyui-1.5.3/plugins/jquery.edatagrid.js"></script>
<script type="text/javascript" src="jsui/easyui-1.5.3/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript" src="calendar/lhgcore.js"></script>
<script type="text/javascript" src="calendar/lhgcalendar.js"></script>

Какой-то код страницы похож на: 

<div class="table" style="height:100%;width:100%;padding-bottom:50px">
<table id="storInfoTB" border=1px cellspacing=0 style="width:100%" class="easyui-datagrid" data-options=""></table>
</div>

<script> 
$("#storInfoTB").datagrid({
 ..........
 toolbar: [{
   id: "con",   
   text: "<input type=\"text\" id=\"content\" placeholder=\"...\"/>",
      },
      {
        id: "search",   
        text: "search somthing",
        iconCls: "icon-search"                  
      },
      {
        id: "add",  
        text: "add new Row",
        iconCls: "icon-add",
        handler: function(){
          alert("test");
          $("#storInfoTB").edatagrid("addRow",0);
        }
      },
      {
        id: "modify",   
        text: "edit selected Row",
        iconCls: "icon-edit"                    
      },
      {
        id: "delete",   
        text: "delete selected Row",
        iconCls: "icon-cut"                 
      },
      {
        id: "back", 
        text: "return",
        iconCls: "icon-undo"                    
       }],
      ......
    });

Теперь я хочу добавить строку в таблицу, нажав кнопку добавления. Я проверил, что он может отображать тестовую информацию, но «edatagrid» не удалось.

После нажатия кнопки добавления должна быть новая пустая строка, но она не в порядке.

Мне нужна чья-то помощь, спасибо.

1 Ответ

0 голосов
/ 07 марта 2019

Я понял эту проблему.Вы должны зарегистрировать эту функцию перед использованием edatagrid 

$(function(){
  $("#storInfoTB").edatagrid({});
});
...