在Jtable Jquery中实现JColor选择器

我将如何将Jquery颜色选择器实现到我的Jtable中，用于字段颜色代码。colorCode是由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>

$（文档）.ready（函数（）{
$（'#EventTypeTableContainer'）.jtable({
标题：“事件类型表”，
可调整大小的列：false，
列：错，
行动：{
listAction:'Admin/GetEventTypeList'，
createAction:'Admin/CreateEventType'，
updateAction:'Admin/UpdateEventType'，
deleteAction:'Admin/DeleteEventType'
},
字段：{
EventTypeId:{
关键：没错，
列表：false
},
EventTypeName：{
标题：“事件类型”，
宽度：“40%”
},
色码：{
标题：“事件颜色”，
宽度：“40%”，
输入：$（函数（）{$（'input'）。颜色选择器（选项）；}），
},
isSystemEventType：{
标题：“系统约束”，
宽度：“20%”，
列表：false，
创建：false，
编辑：false
}
}
});
$（'EventTypeTableContainer'）.jtable（'load'）；
});

您可以使用属性和事件的组合来实现这一点

在输入函数中，向普通文本输入添加“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: function (event, data) {
    $('#color').ColorPicker(options);
}