我必须按照代码来显示我的用户表,这是由JTable实现的.
<script type="text/javascript">
$(document).ready(function() {
$('#userTableContainer').jtable({
title: 'Users',
selecting: false,
paging: true,
pageSize: 15,
sorting: true,
addRecordButton: false,
saveUserPreferences: false,
create: false,
edit: false,
actions: {
listAction: 'user/getUsers.htm',
},
fields: {
username: {
title: 'username'
},
firstname: {
title: 'firstname'
},
lastname: {
title: 'lastname'
},
company: {
title: 'company'
}
}
});
$('#userTableContainer').jtable('load');
});
</script>
<div id="content">
<h1>Users</h1>
<br />
<div id="userTableContainer">
</div>
</div>
是否可以为每一行添加自定义操作事件？这样我就可以向我的控制器提交像"user/showUser.htm"这样的请求了.
我正在使用伟大的jquery插件jtable.但我找不到任何显示垂直滚动条的示例.
我尝试在包含它的div上设置一个高度和overflow.auto - 滚动条然后滚动包括标题的整个表 - 我只想滚动行而不是标题而不是页脚.
有没有人找到办法做到这一点？
以某种方式工作的解决方案是插入:
$('.jtable').wrap('<div class="jtable-main-container scroll-content" />');
和
.scroll-content {
overflow-y: auto;
width:100%;
}
div.jtable-main-container {
height:100%;
}
并在div上设置高度.然而它也滚动表头 - 但它比滚动整个jtable更好 - 我试图制作一个解决方案,其中jtable生成2个表 - 一个有标题,一个有主体但标题不同步.
在这里看到:http://jsfiddle.net/j5Q4L/3/
我读了Jtable引用并看了样本,我想在Jtable结果中添加复选框列,每个都有唯一的ID.
默认情况下有Jquery Jtable复选框列吗？
或者每个人都可以告诉我样品吗？这是我的代码:
$('#PersonTableContainer').jtable({
title: 'Table of people',
actions: {
listAction: '/GettingStarted/PersonList',
createAction: '/GettingStarted/CreatePerson',
updateAction: '/GettingStarted/UpdatePerson',
deleteAction: '/GettingStarted/DeletePerson'
},
fields: {
PersonId: {
key: true,
list: false
},
Name: {
title: 'Author Name',
width: '40%'
},
Age: {
title: 'Age',
width: '20%'
},
RecordDate: {
title: 'Record date',
width: '30%',
type: 'date',
create: false,
edit: false
}
}
});
有很多方法可以将html表导出到excel,但是jtable怎么样,因为它不包含像<table>页面一样的html标签,它只是通过id来调用<div id="table"></div>
我有简单的解决方案,适用于Chrome,但不适用于IE
要导出的按钮:
<a id="dlink" onclick="tableToExcel('StudentTableContainer', 'name', 'TestExcelFile.xls')">Export to excel</a>
JTable的:
<div id="StudentTableContainer"></div>
使用Javascript:
var tableToExcel = (function () {
var uri = 'data:application/vnd.ms-excel;base64,'
, template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>'
, base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s))) }
, format = function (s, c) { return s.replace(/{(\w+)}/g, function (m, p) { return c[p]; }) }
return function (table, name, filename) {
if (!table.nodeType) table = document.getElementById(table)
var ctx = …我已经实现了jquery的jtable.我想在行单击上执行一些操作,并且还想放置单独的图像,并且还想在该图像上添加我自己的单击事件.
我还想将该行的id传递给该自定义事件.
如何将其添加到jquery表？
我尝试了一些东西.
LoadGrid = (function () {
//Prepare jtable plugin
$('#GridTableContainer').jtable({
title: 'Assets',
paging: true,
pageSize: 10,
sorting: true,
defaultSorting: 'ModelName ASC',
actions: {
listAction: '/Adminsec/ManageAssets.aspx/List',
createAction: '/Adminsec/ManageAssets.aspx/CreateOrUpdate',
updateAction: '/Adminsec/ManageAssets.aspx/CreateOrUpdate',
deleteAction: '/Adminsec/ManageAssets.aspx/Deletes'
},
updateRecord: (function() { alert("my custom action.");
}),
.......
我正在尝试根据GettingStarted的文档创建jquery jtable .
每次打开对话框时,都会缺少整个格式/对话框样式.我仍然可以看到文本和按钮是链接,但它看起来很糟糕.
感觉我错过了一些非常微不足道的东西,但我似乎无法找出什么.
我在这里尝试过,你可以看到缺少的样式(与GettingStarted的几个对话框相比).
我正在使用jquery-1.7.2.min.js和jquery-ui-1.8.23.custom.min.js(也在jquery-ui.js尝试了CDN版本,结果相同).
编辑:这里没有故意实施的逻辑.我知道添加记录不起作用,但样式仍应显示对话框.
在将jquery-Jtable的结果返回给客户端之后,在表标记处生成我们需要的字段,但是我想为表的最后一列定义css或者在Jquery Jtable选项中定义我的字段,我的意思是"status"列具有背景:
if status==1 bgcolor:red ,
if status==2 bgcolor:green ,
if status==3 bgcolor:yellow ,
所以我写了这段代码:
fields: {
Status: {
title: 'RequestStatus',
width: '4%',
display: function( data ) {
???
}
}
}
我有一个预先填充公司LAN IP地址的表,其中包含相关数据,状态等字段.(jquery-)jtable字段集合配置如下.
fields: {
id: { title: 'ID'},
ip: { title: 'IP address, edit: false }
more: { ... }
}
这有效但问题是当弹出编辑对话框时,用户无法看到正在编辑的记录的IP地址,因为jtable的编辑表单不显示该字段.
我已经阅读了文档,但看不到任何方式在编辑表单中将字段显示为只读.有任何想法吗？
rowInserted: function (event, data) {
if (data.record) {
if (condition1 == condition2) {
$('#div1').find(".jtable tbody tr").css("background", "#F5ECCE");
}
}
}
上面的代码可能会改变所有行颜色,我可以指定行号吗？
加载Jtable后,会触发一个返回id的函数.我想根据此ID选择行,或者在每行中选中一个复选框.
负载工作正常,复选框显示.但是我无法处理复选框以便以编程方式选择它们.
任何帮助表示赞赏.
我的表创建代码如下:
//Table Definition
$('#dvChangeOrd').jtable({
title: 'Change Order Selection (Select all that apply to this request):',
paging: true,
pageSize: 5,
sorting: true,
defaultSorting: 'ChangeOrd ASC',
selecting: true, //Enable selecting
multiselect: true, //Allow multiple selecting
selectingCheckboxes: true, //Show checkboxes on first column
recordsLoaded: function (event, data) {
},
actions: {
listAction: 'c013.aspx/LoadLists',
},
fields: {
ChangeOrd: {
title: 'Change Order',
width: '15%',
},
Type: {
title: 'Type',
width: '25%',
},
Status: {
title: 'Status',
width: '10%',
},
ChangeDesc: { …jquery-jtable ×10
jquery ×8
javascript ×4
css ×2
jquery-ui ×2
excel ×1
html ×1
spring-mvc ×1
sql ×1
vb.net ×1