DataGrid 重绘问题

linda931

<button>获取选中行数据</button>
        <div id="p1" style="width:500px;height:300px; padding-left:30px;" class="mini-datagrid">
            <div property="columns">
                <div field="a">aa</div>
                <div field="b">bb</div>
                <div field="c">CC</div>
            </div>
        </div>

    <script type="text/javascript">
        var data = [{ a: 1, b: 0, c: "bit" }, { a: 0, b: 1, c: "bit" }, { a: "测试", b: 2, c: "txt" }, { a: "2014-5-12 12:22:36", b: 2, c: "datatime"}];
        mini.parse();
        var grid = mini.get("p1");
        grid.setData(data);
        grid.on("drawcell", function(e) {
            var row = e.record, field = e.field, value = e.value, index = grid.indexOf(row);
            if (field == "a" && row.c == "bit") {
                if (value == 0) {
                    e.cellHtml = '<input type="radio" name="' + index + '" checked />是<input type="radio" name="' + index + '"/>否';
                }
                if (value == 1) {
                    e.cellHtml = '<input type="radio" name="' + index + '"/>是<input type="radio" name="' + index + '" checked/>否';
                }
            }
            if (field == "a" && row.c == "txt") {
                e.cellHtml = '<input type="text"  id="txt' + index + '" name="txt' + index + '" value="' + value + '"/>';
            }
            if (field == "a" && row.c == "datatime") {
                //e.cellHtml = '<input  id="' + Id + '" name="' + Id + '" class="mini-datepicker" style="width:200px;"format="yyyy-MM-dd H:mm:ss" timeFormat="H:mm:ss" showTime="true" showOkButton="true" showClearButton="false"/>';
            }
        });

        function click1() {
            //debugger
            var row = grid.getSelected();
            if (this.checked) {
                grid.updateRow(row, { a: 1 });
            } else {
                grid.updateRow(row, { a: 0 });
            }
        }
        function click2() {
            var row = grid.getSelected();
            if (this.checked) {
                grid.updateRow(row, { a: 0 });
            } else {
                grid.updateRow(row, { a: 1 });
            }
        }

        function onblur1(id, index) {
            var newrow, dValue;
            newrow = grid.getRow(index);
            dValue = $("#txt" + id).attr("value");
            grid.updateRow(newrow, { a: dValue });
        }

        function getData() {
            var row = grid.getSelected();
            var json = mini.encode(row);
            alert(json);
        }
</script>

以上是我在 http://miniui.com/bbs/forum.php? ... B%E9%87%8D%E7%BB%98  上修改的例子：
但是最后没有得到想要的结果？
我的A字段是根据C字段来重绘不同的控件，但是如果加上 class="mini-datepicker" 或者 文本控件就不显示。
如果使用原生态的控件最后获取的结果还是不对？这是为什么？

felt

表格绘制只能绘制原生控件，不支持MiniUI控件

linda931

felt 发表于 2014-11-3 16:47
表格绘制只能绘制原生控件，不支持MiniUI控件

那我上面的例子为什么获取的结果是不正确的？

function onblur1(id, index) {
            var newrow, dValue;
            newrow = grid.getRow(index);
            dValue = $("#txt" + id).attr("value");
            grid.updateRow(newrow, { a: dValue });
        }

function getData() {
            var row = grid.getSelected();
            var json = mini.encode(row);
            alert(json);
        }

最后获取的结果 与 newrow = grid.getRow(index); 获取的结果都不正确？

linda931

这是根据你们给的一列子修改的：

linda931

felt 发表于 2014-11-3 16:47
表格绘制只能绘制原生控件，不支持MiniUI控件

帮忙看看那个压缩文件中的修改的例子？
错误出现在什么地方？

felt

linda931 发表于 2014-11-3 17:08
帮忙看看那个压缩文件中的修改的例子？
错误出现在什么地方？

你传的index是字符串，不是数字