我如何...从服务器获取数据并根据用户输入字段填充数据表 [英] How do I...get the data from server and populate in datatables based on user input field
问题描述
嗨朋友们，
美好的一天给你。
我的名字是giridhar，我有关于数据表的疑问。
我从控制器获取数据以填充数据表中的数据。
我需要根据一个输入字段获取数据（在我的情况下是customerid）。
我应该如何实现这一点。我试过但失败了。
我的jsp应该包含一个输入字段。根据用户的输入，我应该将数据显示到数据表中。
输入字段和数据表应该是相互独立的。
请帮助我。
我的代码是，
脚本类型=text / javascript>
$（document）.ready（function（）{
$（＃user）。dataTable（{
bProcessing：true，
bServerSide：true，
sAjaxSource：。/ UserDataTableService，
sPaginati onType：full_numbers，
bPaginate：true，
bJQueryUI：是的，
aaSorting：[[0 ，'desc']]
}）
}）;
< / script>
< / head>
< body>
< form>
customerId：< input type =textname =custidid =custid/>
< input type =submitvalue =Submitid =search >
< / form>
Hi Friends,
Good day to you.
My name is giridhar,i have a doubt regarding data tables.
Iam getting data from controller to populate data in my datatables.
I need to get the data based on one input field(in my case customerid).
how should i achieve this.I tried but failed.
My jsp should contain an input field.Based on the input of the user i should display the data into datatable.
The input field and datatable should be independent to each other.
Please help me.
my code is,
script type="text/javascript">
$(document).ready(function() {
$("#user").dataTable({
"bProcessing" : true,
"bServerSide" : true,
"sAjaxSource" : "./UserDataTableService",
"sPaginationType" : "full_numbers",
"bPaginate" : true,
"bJQueryUI" : true,
"aaSorting": [[0,'desc']]
})
});
</script>
</head>
<body>
<form>
customerId: <input type="text" name="custid" id="custid" />
<input type="submit" value="Submit" id="search" >
</form>
< / body>
< / html>
</body>
</html>
推荐答案
（文件）。 ready（function（）{
(document).ready(function() {
（＃user）。dataTable（{
bProcessing：true，
bServerSide：true，
sAjaxSource：。/ UserDataTableService，
sPaginationType：full_numbers，
bPaginate：true，
bJQueryUI：是的，
aaSorting：[[0，'desc']]
}）
}）;
< / script>
< / head>
< body>
< form>
customerId：< input type =textname =custid id =custid/>
< input type =submitvalue =提交id =搜索>
< / form>
("#user").dataTable({
"bProcessing" : true,
"bServerSide" : true,
"sAjaxSource" : "./UserDataTableService",
"sPaginationType" : "full_numbers",
"bPaginate" : true,
"bJQueryUI" : true,
"aaSorting": [[0,'desc']]
})
});
</script>
</head>
<body>
<form>
customerId: <input type="text" name="custid" id="custid" />
<input type="submit" value="Submit" id="search" >
</form>
< / body>
< / html>
</body>
</html>
这篇关于我如何...从服务器获取数据并根据用户输入字段填充数据表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
