z.gitaro
دوشنبه 01 اردیبهشت 1393, 10:55 صبح
یه کمبوباکس طراحی کردم که به صورت داینامیک با جاوااسکریپت به صفحه اضافه میشه و با توجه به id از سرور داده میخونه
case "combobox":
cmbIndex++;
var Cmb = $("<div style='width: 180px;' class='editor-field' id='cmbContainer" + cmbIndex + "'></div>");
$(Cmb).append("<div class='combobox'><input class='cmb-input' id='query" + cmbIndex + "' type='text' data-type='" + data.fields[i].type + "' /><img src='../Images/combo_select_dhx_skyblue.gif' class='cmb-img' id='cmb-img" + cmbIndex + "' /></div><div class='mylist' id='mylist" + cmbIndex + "'></div>");
divColumn.append(Cmb);
wrapper.append(divColumn);
$('#cmb-img').on('click', function () {
$('#mylist').empty();
//$('#mylist2').toggle();
$('#mylist').css("display", "block");
var term = $('#query').val();
var data = { term: term };
serverRequestPostData(url, data,
function (response) {
var divdrop = $('#mylist');
var dropdownlist = $("<ul>");
for (var j = 0; j < response.length; j++) {
var value = j + 1;
dropdownlist.append($("<li value='" + value + "'>" + response[j] + "</li>"));
}
dropdownlist.append($("</ul>"));
divdrop.append(dropdownlist);
},
function () {
},
function () {
});
});
این رویداد کلیکی که نوشتم برای ایدی خاصی هست و چون کمبو بصورت پویا اضافه میشه نمیدونم چندتا هست حالا ایدی تو این رویداد رو چجوری تغییر بدم که واسه همه کمبوها درست کار کنه
case "combobox":
cmbIndex++;
var Cmb = $("<div style='width: 180px;' class='editor-field' id='cmbContainer" + cmbIndex + "'></div>");
$(Cmb).append("<div class='combobox'><input class='cmb-input' id='query" + cmbIndex + "' type='text' data-type='" + data.fields[i].type + "' /><img src='../Images/combo_select_dhx_skyblue.gif' class='cmb-img' id='cmb-img" + cmbIndex + "' /></div><div class='mylist' id='mylist" + cmbIndex + "'></div>");
divColumn.append(Cmb);
wrapper.append(divColumn);
$('#cmb-img').on('click', function () {
$('#mylist').empty();
//$('#mylist2').toggle();
$('#mylist').css("display", "block");
var term = $('#query').val();
var data = { term: term };
serverRequestPostData(url, data,
function (response) {
var divdrop = $('#mylist');
var dropdownlist = $("<ul>");
for (var j = 0; j < response.length; j++) {
var value = j + 1;
dropdownlist.append($("<li value='" + value + "'>" + response[j] + "</li>"));
}
dropdownlist.append($("</ul>"));
divdrop.append(dropdownlist);
},
function () {
},
function () {
});
});
این رویداد کلیکی که نوشتم برای ایدی خاصی هست و چون کمبو بصورت پویا اضافه میشه نمیدونم چندتا هست حالا ایدی تو این رویداد رو چجوری تغییر بدم که واسه همه کمبوها درست کار کنه