jquery datatable的使用及editable


exoTable = $('#examples').dataTable({ bJQueryUI: true,
"bServerSide": true,
"sAjaxSource": "XXXX.action?"+"xxx="+params,
"sPaginationType": "full_numbers",
[b]"aoColumns": [
{ "sName": "XXX",
"bSearchable": false,
"bSortable": false,
"bVisible": false
},
{ "sName": "COMPANY_NAME" },
{ "sName": "ADDRESS"},
{ "sName": "TOWN" }][/b]
}).makeEditable({
sUpdateURL : "XXXX.action?prescCode="+par,
[b]"aoColumns": [
{
//Empty object is used for the default editable settings
indicator: 'Saving...',
tooltip: 'Click to edit',
loadtext: 'loading...',
type: 'text',
onblur: 'submit'
},
//null,//null for read-only columns
{
//Empty object is used for the default editable settings
indicator: 'Saving...',
tooltip: 'Click to edit',
loadtext: 'loading...',
type: 'text',
onblur: 'submit'
},
{
indicator: 'Saving...',
tooltip: 'Click to select town',
loadtext: 'loading...',
type: 'select',
onblur: 'submit',
data: "{'London':'London','Liverpool':'Liverpool'}"
}
],[/b]
sAddURL: "XXXX.action",
sAddHttpMethod: "GET",
[color=red]sDeleteHttpMethod: "GET",[/color]

其中加粗的两个column设置,第一个为设置表格中的各列是否可见及其名字,第二项是设置在可编辑状态下展现哪种形式,可以是select,text...


同时,对于editable中如果更改的是汉字,传值时可能出现乱码。所以需要在红色字这一系列URL后加上需要的
fnOnEditing: function(input)
{
input.val(encodeURI(input.val()));
return true;
},


对修改的值编码,在服务器端,可以用

Map m = ActionContext.getContext().getParameters();
String[] editedvalue = (String[]) m.get("value");

String editItem = java.net.URLDecoder.decode(editedvalue[0] , "UTF-8");
进行解码。 :D
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值