在 select 选项卡时加载数据网格，easyui

Question

我有一个带有 4 个选项卡的面板，当我单击一个选项卡时，我想将数据加载到数据网格。我把通用名称这是我的代码：

function create_datagrid() {
$('#grid_name').datagrid({
    url: "some url",
    title: 'Table',
    singleSelect: 'true',
    columns: [[
            {field: 'id', title: 'ID', with : 100, hidden: true},
            {field: 'fabricante', title: 'Nombre', with : 100, sortable:true}
        ]]
    });
}

$('#tt').tabs({
    onSelect: function (title) {
        $("#grid_name").ready(function () {

            create_datagrid();

      });
  }
});

Answer 1

试试这个：

       $('#tt').tabs({
            onSelect: function (title) {
                if (title == 'title1'){ //title tab 1
                    $('#grid_name1').datagrid('reload');
                }
                if (title == 'title2'){ //title tab 2
                    $('#grid_name2').datagrid('reload');
                }
                //and so on...
        });

在 select 选项卡时加载数据网格，easyui

load datagrid when select tab, easyui

jquery

jquery-easyui