wijmo的表格组件

CSCWijmo · CSCWijmo

JeffryLI 发表于 2017-12-8 16:35
您好，自定的模板里面的事件可以添加，以普通的标签元素对待就可以了，添加的列都在后面我不太确定，您可 ...

您好，我这边有限制，没法发demo上去，拷贝一下主要代码

this.initialize({
autoGenerateColumns: false,
itemFormatter: (panel, r, c, cell) => {
if (panel.cellType == wjcGrid.CellType.ColumnHeader) {
let flex = panel.grid;
let col = flex.columns[c];
// check that this is a boolean column
if (col.dataType == wjcCore.DataType.Boolean) {
// prevent sorting on click
col.allowSorting = false;
// count true values to initialize checkbox
var cnt = 0;
for (var i = 0; i < flex.rows.length; i++) {
if (flex.getCellData(i, c) == true) cnt++;
}
// create and initialize checkbox
cell.innerHTML = '<input type="checkbox"> ';
var cb = cell.firstChild;
cb.checked = cnt > 0;
cb.indeterminate = cnt > 0 && cnt < flex.rows.length;
// apply checkbox value to cells
cb.addEventListener('click', (e) => {
flex.beginUpdate();
for (var i = 0; i < flex.rows.length; i++) {
flex.setCellData(i, c, cb.checked);
}
this.dataTest();
flex.endUpdate();
});
}
}
},
cellEditEnding: (s, e) => {
var col = s.columns[e.col];
if (col.binding == this._myProperty) {
setTimeout(() => {
this.dataTest();
});
}
},
// 主要代码如下
columns: [
{ binding: 'template', header: 'Template', width: 130, isReadOnly: true },
],
showAlternatingRows: false,
formatItem: (s, e) => {
if (e.panel == s.cells && s.columns[e.col].binding == 'template') {
let item = s.rows[e.row].dataItem,
html = wjcCore.format(theTemplate, item);
e.cell.innerHTML = html;
}
}
});

复制代码

JeffryLI · JeffryLI

CSCWijmo 发表于 2017-12-12 10:46
您好，我这边有限制，没法发demo上去，拷贝一下主要代码

您好，
1、每一列的定义有一个allowSorting的属性，来定义是否该列参与排序，
2、对于您说的斑马线的消失，因为继承于flexgrid，所以所以集成控件的样式失效，请重新定义新控件的样式即可。
希望以上可以帮到您。

CSCWijmo · CSCWijmo

JeffryLI 发表于 2017-12-12 11:01
您好，
1、每一列的定义有一个allowSorting的属性，来定义是否该列参与排序，
2、对于您说的斑马线的消 ...

哦哦，设置某一列在表格中的位置，是改变哪一个属性啊，可以调整某一列的在表格中的位置

JeffryLI · JeffryLI

本帖最后由 JeffryLI 于 2017-12-12 16:01 编辑

CSCWijmo 发表于 2017-12-12 11:48
哦哦，设置某一列在表格中的位置，是改变哪一个属性啊，可以调整某一列的在表格中的位置

哥们，新的问题咱们换个帖子再提问呗，哈哈……

CSCWijmo · CSCWijmo

本帖最后由 JeffryLI 于 2017-12-12 16:01 编辑

JeffryLI 发表于 2017-12-12 12:17
哥们，新的问题咱们换个帖子再提问呗，哈哈……

我也想啊，我这是在手机看的，没找到哪里可以去打评分的，不好意思啊，晚上回家在电脑上看看。那个排序，可能是不是那个意思，我试了你说的那个属性，好像是给每一列排序，我想要的效果是，比如把第一列放到第二列的位置，或者把最后一列放到第一列的位置，这是怎么去实现的啊，前面那里有发我增加一列的代码，但是它是默认添加在最后面的，不知道怎么给移动到最前面

JeffryLI · JeffryLI

CSCWijmo 发表于 2017-12-12 15:30
我也想啊，我这是在手机看的，没找到哪里可以去打评分的，不好意思啊，晚上回家在电脑上看看。那个排序， ...

这个我需要验证下给您回复，最晚明天午饭前给您答复。

JeffryLI · JeffryLI

JeffryLI 发表于 2017-12-12 17:53
这个我需要验证下给您回复，最晚明天午饭前给您答复。

您好，我做demo测试了，column的Index的是只读的属性，不能通过代码来移动列。不好意思哈。

CSCWijmo · CSCWijmo

JeffryLI 发表于 2017-12-13 10:30
您好，我做demo测试了，column的Index的是只读的属性，不能通过代码来移动列。不好意思哈。

哦哦，如果我新增一列的话，有什么方法可以把这新增的列放在最前面呢，现在默认是在最后面的，

JeffryLI · JeffryLI

CSCWijmo 发表于 2017-12-13 10:50
哦哦，如果我新增一列的话，有什么方法可以把这新增的列放在最前面呢，现在默认是在最后面的，

您好，这个没办法的，生成之后的index就确定了,没有能设置index的接口，他是个只读属性，在new的时候不能赋值

		自动登录	找回密码
密码			立即注册

wijmo的表格组件

微信认证勋章

元老葡萄