Question

我想在地址等输入组中添加x-editable。我想在我的代码中输入一个文本框和三个文本框。那么任何人都可以帮助我添加x-editable代码？

我为可编辑字段创建代码，如：

<a href="#" class="editable_ddrfields margin-left-10" id="due_date_rule" name="due_date_rule" data-type="due_date_rule" data-clear="false" data-pk="1" data-url="update_field'; ?>">Add Rule</a>

脚本代码：

$('.editable_ddrfields').editable({
     tpl: '<div class="editable-address"><label><span>Days: </span><input type="text" name="due_date_count" id="due_date_count1" class="form-control input-small" onkeypress="return isNumberKey(event);"></label></div>'+
         '<div class="editable-address"><label><span>Day Type: </span><select name="due_day_type" id="due_day_type1" class="form-control input-small" data-xeditable="true"><option value="days">Days</option><option value="weekdays">Weekdays</option></select></label></div>'+
         '<div class="editable-address"><label><span>Range Type: </span><select name="due_range_type" id="due_range_type1" class="form-control input-mini" data-xeditable="true" onchange="change_range_type2(this.value);"><option value="before">Before</option><option value="on">On</option><option value="after">After</option></select></label></div>'+
         '<div class="editable-address"><label><span>Date Type: </span><select name="due_date_type" id="due_date_type1" class="form-control input-mini" data-xeditable="true"><option value="1">Listing Date</option><option value="2">Expiration Date</option><option value="3">Closing Date</option><option value="4">Contingency Removal Date</option><option value="5">Contract Date</option></select></label></div>',
    success: function(response, newValue) {
        $('#due_date_rule').html(newValue);
    }
});

如果单击“提交”按钮，代码工作正常，但是当我单击进行编辑时，它不会带有基于数据库的选定值。另外，我想要基于“due_range_type”选择框值的必需验证文本框。

请帮我解决这个问题。

x-editable with multiple input group（textbox，dropdown ..）

0 个答案: