如何将jQuery与sql数据源一起使用,并将数据表放在下拉框下方 [英] How use jQuery with sql data source and position the datatable below a dropdownbox
问题描述
我需要帮助在客户端使用jQuery对网站上显示的表(来自sql表的数据)进行排序。在使用asp / vbnet显示表后,我需要知道如何使用jQuery。
我也想知道如何将桌子放在几个控件下面,例如标签,文本框,下拉框。
我是使用jquery.dataTables.min.js和demo_table.css。
我创建了一个字符串
I need help to sort a table ( data from sql table ) displayed on website using jQuery on the client side. I need to know how to use the jQuery, after displaying the table using asp/vbnet , code behind.
I also want to know how to position the table below the few controls , eg labels, text boxes, dropdown boxes.
I am using jquery.dataTables.min.js, and demo_table.css.
I created a string
Dim sTable As String = ""
sTable = "<div><table id=""tbldata"" class=""display""><thead><tr>"
Dim DT As DataTable
DT = myDatatable
If Not DT.Rows.Count = 0 Then
Dim iNumberofColums As Int16 = DT.Columns.Count - 1
Dim hc As String
Dim c As Int16 = 0
For Each CL As DataColumn In DT.Columns
hc = CL.ColumnName
sTable = sTable & "<th>" & hc & "</th>"
Next
sTable = sTable & "</tr></thead><tbody>"
Dim tc As String
For Each RW As DataRow In DT.Rows
sTable = sTable & "<tr>"
c = 0
For c = 0 To iNumberofColums
tc = RW(c).ToString
sTable = sTable & "<td>" & tc & "</td>"
Next
sTable = sTable & "</tr>"
Next
sTable = sTable & "</tbody></table></div>"
End If
Response.Write(sTable)
和response.write(sTable)来显示表格。
$ asp是
< script type =text / javascript>
$(document).ready(function(){
$(''#tbldata'')。dataTable({
aaSorting:[[2, ''desc'']],
aoColumns:[null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null
]
}) ;
});
< / script>
是这是一个合适的方法吗?我怎样才能改进感谢您的建议
and response.write(sTable) to display the table.
in the aspx
<script type="text/javascript">
$(document).ready(function () {
$(''#tbldata'').dataTable({
"aaSorting": [[2, ''desc'']],
"aoColumns": [null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null
]
});
});
</script>
Is this a proper method ?. How can I improve. Thanks for your advice
推荐答案
(文件).ready(function(){
(document).ready(function () {
(''# tbldata'')。dataTable({
aaSorting:[[2,''desc'']],
aoColumns:[null,
null,
null,
null,
null,
null,>
null,
null,
null,
null,
null,>
null,
null
]
});
});
< / script>
这是一种正确的方法吗?我怎样才能改进感谢您的建议
(''#tbldata'').dataTable({
"aaSorting": [[2, ''desc'']],
"aoColumns": [null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null
]
});
});
</script>
Is this a proper method ?. How can I improve. Thanks for your advice
应该考虑将GridView控件添加到您想要的页面(称为tblData)(即正确放置)
To避免字符串和记录操作,你可以通常的方式绑定你的数据(tblData.DataSource = xxx; tblData.DataBind();)
然后按原样保存你的jQuery东西。它应该工作正常......
Should think of adding a GridView control to your page (call it tblData) where you want it (that is for proper placement)
To avoid the string and record manipulation you could bind your data the usual way (tblData.DataSource = xxx; tblData.DataBind(); )
Then keep your jQuery stuff as is. It should work fine...
这篇关于如何将jQuery与sql数据源一起使用,并将数据表放在下拉框下方的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!