.net中的Layui表格与数据库连接,异步更新数据

提问 未结 3 113
我的灵性呢
悬赏:20飞吻
版本:layui 浏览器:
小白有很多不懂哈。做一个数据查询功能,想把表格放在UpdatePanel中实现异步更新数据。但是点击以后数据得不到更新:


下面是后端的代码:
    protected void Button1_Click(object sender, EventArgs e)
{
String sqlconn = @"Data Source=(localdb)\MSSQLLocalDB;Initial Catalog=zcpro;Integrated Security=True";
SqlConnection myConnection = new SqlConnection(sqlconn);
myConnection.Open();
SqlCommand myCommand = new SqlCommand("select Lng,Lat,DevNum from Device where DevNum= N'" + TextBox1.Text + "' ", myConnection);
SqlDataAdapter Adapter = new SqlDataAdapter();
Adapter.SelectCommand = myCommand;
DataSet ds = new DataSet();
Adapter.Fill(ds);
cc = GetJsonByDataset(ds);
Label1.Text = HiddenField1.Value;
ScriptManager.RegisterStartupScript(this.UpdatePanel2, this.GetType(), "updateScript", "lay()", true);
}
}
JS代码:
     layui.use('table', function () {
var table = layui.table;

//第一个实例
table.render({
elem: '#demo'
, height: 312
, data:<%=mm%>
, page: true //开启分页
, cols: [[ //表头
{ field: 'Lng', title: 'ID', width: 80, sort: true, fixed: 'left' }
, { field: 'Lat', title: '用户名', width: 80 }
, { field: 'DevNum', title: '性别', width: 80, sort: true }

]]
});

});

function lay() { //鼠标点击事件
var aa = document.getElementById("Label1").innerText;

layui.use('table', function () {
var table = layui.table;
table.render({
elem: '#demo'
, height: 312
, data: aa
, page: true //开启分页
, cols: [[ //表头
{ field: 'Lng', title: 'ID', width: 80, sort: true, fixed: 'left' }
, { field: 'Lat', title: '用户名', width: 80 }
, { field: 'DevNum', title: '性别', width: 80, sort: true }
]]
});
});
}
不管我让点击事件中的data:<%=cc%>还是 document.getElementById("HiddenField1").value,都不能得到正确的结果,但是我把LABEL中的数据[{"Lng":"108.949942","Lat":"34.267832 ","DevNum":"001 "}] 直接复制给DATA,就能得到正确的表格。如果不使用UpdatePanel也是可以实现的,但主要想实现异步的更新。
因为我才开始学.net,用的方法可能比较直接,为什么数据没有得到更新呢,有没有什么解决办法?谢谢大家

回帖