JTable - 입력 양식에 CSS를 사용자 정의하려면 어떻게해야합니까?

Question

asp.net 웹 양식에 JTABLE 표가 있습니다. 그리드가 잘 작동합니다. 행을 편집 할 때 입력 양식을 수정해야합니다. CSS 또는 사용하는 템플릿 중 일부를 재정의하고 싶습니다. 입력 필드의 길이를 확장하는 것으로 시작하겠습니다. 어떻게해야합니까? 사용하는 CSS 클래스를 재정의 하시겠습니까?

여기 내 코드입니다.

$('#AnswerTableContainer').jtable({ 
![enter image description here][1] title: 'Answers ', 
    //sorting: true, //Enable sorting 
    //defaultSorting: 'DisplayOrder ASC', //Set default sorting 
    actions: { 
    listAction: 'AdminTopicEdit.aspx/TopicAnswerList', 
    createAction: 'AdminTopicEdit.aspx/TopicAnswerCreate', 
    updateAction: 'AdminTopicEdit.aspx/TopicAnswerUpdate', 
    deleteAction: 'AdminTopicEdit.aspx/TopicAnswerDelete' 
    }, 
    fields: { 
    OasisReviewTopicAnswerID: { 
     key: true, 
     list: false 
    }, 
    OasisReviewTopicID: { 
     title: 'OasisReviewTopicID', 
     create: true, 
     edit: true, 
     list: true, 
     input: function (data) { 
     //if (data.value) { 
     return '<input type="text" readonly class="jtable-input-readonly" name="OasisReviewTopicID" value="' + $('#OasisReviewTopicID').val() + '"/>'; 
     //} else { 
     //nothing to worry about here for your situation, data.value is undefined so the else is for the create/add new record user interaction, create is false for your usage so this else is not needed but shown just so you know when it would be entered 
     //} 
     }, 
     width: '5%', 
     visibility: 'hidden' 
    }, 
    Answer: { 
     title: 'Answer', 
     width: '10%' 
    }, 
    Description: { 
     title: 'Description', 
     width: '35%' 
    }, 
    Description2: { 
     title: 'Description2', 
     width: '35%' 
    }, 
    DisplayOrder: { 
     title: 'DisplayOrder', 
     width: '10%' 
    }, 
    }, 
    formCreated: function (event, data) { 
    //data.form.find('input[name="OasisReviewTopicID"]').attr('disabled', 'disabled'); 
    }, 
    formSubmitting: function (event, data) { 
    //data.form.find('input[name="OasisReviewTopicID"]').val($('#o').val()); 
    //alert(data); 
    }, 
    //Dispose validation logic when form is closed 
    formClosed: function (event, data) { 
    } 
}); //JTable 

Answer 1

당신은 formcreated 이벤트에서이 작업을 수행 할 수 있습니다

formCreated: function (event, data) 
 
{ 
 
    data.form.validationEngine({ promptPosition: "Right", autoPositionUpdate: true}); 
 
    data.form.find('input').css('width','200px'); 
 
},

Answer 2

formCreated: function (event, data) 
{ 
    var description = $('#Description'); 
    description.css({width: "300px" }).addClass('validate[required]').attr('maxlength', 290); 
},