0

フィールド colorCode の Jtable に Jquery-color-picker を実装するにはどうすればよいでしょうか。colorCode は、Json 文字列によって提供される 16 進コードです。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>
4

1 に答える 1

0

これを行うには、 「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);
}
于 2013-07-23T23:03:17.463 に答える