在 Jtable Jquery 中实现 JColor Picker答案

【问题标题】：Implement JColor Picker in Jtable Jquery在 Jtable Jquery 中实现 JColor Picker
【发布时间】：2013-03-24 22:48:35
【问题描述】：

我将如何将 Jquery-color-picker 实现到我的 Jtable 中以获取字段 colourCode。 colourCode 是由 Json 字符串提供的十六进制代码。我对Jtable（输入）做了一些研究。但它把我带到了死胡同。

<script type="text/javascript">
        $(document).ready(function () {
            $('#EventTypeTableContainer').jtable({
                title: 'Table of EventType',
                columnResizable: false,
                columnSelectable: false,
                actions: {
                    listAction: 'Admin/GetEventTypeList',
                    createAction: 'Admin/CreateEventType',
                    updateAction: 'Admin/UpdateEventType',
                    deleteAction: 'Admin/DeleteEventType'
                },
                fields: {
                    EventTypeId: {
                        key: true,
                        list: false
                    },
                    EventTypeName: {
                        title: 'Event Type',
                        width: '40%'
                    },
                    colourCode: {
                        title: 'Event Color',
                        width: '40%',
                        input: $(function () { $('input').ColorPicker(options);}),
                    },
                    isSystemEventType: {
                        title: 'System Constraint',
                        width: '20%',
                        list: false,
                        create: false,
                        edit: false
                    }
                }
            });
            $('#EventTypeTableContainer').jtable('load');
        });
    </script>

【问题讨论】：

标签： jquery json asp.net-mvc color-picker

【解决方案1】：

您可以结合使用'input' 属性和'formCreated' 事件来实现此目的。

在输入函数中，为普通文本输入添加一个“id”。

input: function (data) {
    if (data.record) {
        return '<input id="color" type="text" value="data.record.color">';
    } else {
        return '<input id="color" type="text">';
    }
}

接下来在 'formCreated' 事件中初始化颜色选择器。

formCreated: function (event, data) {
    $('#color').ColorPicker(options);
}

【讨论】：