<table id="tt" border="false" fit="true" fitcolumns="true" iconcls="icon-edit" singleselect="true"></table>
function strToJson(str) {
var json = eval('(' + str + ')')
return json
}
1.加载静态数据方法
var htmls = "[{'ID':'FI-SW-01','aname':10.00,'mname':'P','uname':36.50,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-02','aname':10.00,'mname':'P','uname':36.50,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-03','aname':10.00,'mname':'P','uname':36.50,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-04','aname':10.00,'mname':'P','uname':36.50,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-05','aname':10.00,'mname':'P','uname':36.50,'pname':'Large','pcode':'EST-1'}]"
$('#tt').datagrid('loadData', strToJson(htmls))
2.ajax动态加载数据方法(支持后台数据库)
$.ajax({
url: "/index/index",
data: { id: 1, code: "101" },
datatype: "json",
type: "POST",
traditional: true,
success: function(data) {
$('#tt').datagrid('loadData', strToJson(data))
}
})
返回的data数据格式为方法1中的htmls字符串格式。
希望对你有帮助。
你好!可以通过jquery.form.js来解决。
<form>
标题:<input type="text" name="title" /><br />
内容:<textarea name="content"><textarea/><br />
<button>提交</button>
</form>
$('button').on('click', function() {
$('form').on('submit',
function() {
var title = $('inpur[name=title]').val(),
content = $('textarea').val()
$(this).ajaxSubmit({
type: 'post', // 提交方式 get/post
url: 'your url', // 需要提交的 url
data: {
'title': title,
'content': content
},
success: function(data) {
// data 保存提交后返回的数据,一般为 json 数据
// 此处可对 data 作相关处理
alert('提交成功!')
}
$(this).resetForm()// 提交后重置表单
})
return false// 阻止表单自动提交事件
}
)
})
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)