jquery ligerui tab页放grid

试试我这个，标签内页面重新载入，其中 tab1是div的id

var navtab = null

$(function (){

$("#tab1").ligerTab({

onAfterSelectTabItem: function (tabid){

navtab = $("#tab1").ligerGetTabManager()

navtab.reload(navtab.getSelectedTabItemID())

}

})

})

可以利用代码实现这个按钮的click事件，从而刷新数据。

通过firebug，找到这个按钮元素如下图：

因此在提交数据后，我们可以通过

[javascript] view plain copy

$(".l-bar-button.l-bar-btnload",window.parent.document).click()

执行click方法。

保存完信息后，需要关闭dialog和刷新数据。记得刷新数据要在关闭dialog之前做，否则刷新数据的代码不会执行。

代码如下：

[javascript] view plain copy

var url='edit_user_action'

$.post(url,params,function(data){

console.log(data)

if(data=="ok"){

//刷新树节点（双击父节点即可）

$.ligerDialog.success(' *** 作成功！',function(opt){

//刷新数据.

//alert($(".l-bar-button.l-bar-btnload",window.parent.document))

$(".l-bar-button.l-bar-btnload",window.parent.document).click()

window.parent.dialog_edit_user.close()//关闭对话框

})//提示： *** 作成功

}

else{

$.ligerDialog.error(data,function(opt){

//top.dialog_create_app.close()//关闭对话框

})

}

})

或者直接调用 ligerGrid.loadData()方法刷新数据.

引入Ligerui的

<script src="../../LigerUI/ligerGrid.showFilter.js" type="text/javascript"></script>

<script src="../../LigerUI/json2.js" type="text/javascript"></script>

两个文件。

$(function () {

window['g'] =

$("#maingrid4").ligerGrid({

columns: [

{ display: '编号', name: 'id', align: 'left', width: 60, frozen: true },

{ display: '时间', name: 'date', type: 'date', format: 'yyyy-MM-dd hh:mm:ss', width: 110 },

{ display: 'thread', name: 'thread', width: 70, align: 'left' },

{ display: '级别', name: 'level', width: 60, align: 'left' },

{ display: '用户ID', name: 'UserID', width: 60, align: 'left' },

{ display: 'logger', name: 'logger', width: 80, align: 'left' },

{ display: '提示信息', name: 'Message', minWidth: 200, width: 400 },

{ display: '错误信息', name: 'Exception', width: 200 }

],

dataAction: 'server',

url:'../dblj/GetList4', pageSize: 30,

toolbar: { items: [{ text: '高级自定义查询', click: itemclick, icon: 'search2'}]

},

width: '90%', height: '80%', checkbox: false

})

$("#pageloading").hide()

})

function itemclick() {

g.options.data = $.extend(true, {}, g.getData())

g.showFilter()

}

在网上找到文件说需要修改showFilter.js文件下面这个位置

function loadData() {

var data = filter.getData()

if (g.dataAction == "server") {

//服务器过滤数据

loadServerData(data)

}

else {

//本地过滤数据

loadClientData(data)

}

}

改为：“g“改”p“

function loadData() {

var data = filter.getData()

if (p.dataAction == "server") {

//服务器过滤数据

loadServerData(data)

}

else {

//本地过滤数据

loadClientData(data)

}

}

后台通过string where = Request.Params["parms"]获取。

最后是对where反序列化组合成sql可以使用的条件就可以了。

---