Я новичок в JQGrid, я пытаюсь реализовать следующие сценарии, но я не могу получить его правильным. Он должен иметь другой тип данных столбца, возможно, такие значения, как электронная почта, телефон и URL. /> Когда я ввожу значение каждой строки, она должна проверять на основе колонки типа данных
< /li>
Если я нажимаю кнопку «Редактировать», вся сетка должна быть редактируемой, и
должна выполнять проверку на каждой ячейке после редактирования. $(document).ready(function () {
//debugger;
var val;
var lastsel2;
jQuery("#list").jqGrid({
datatype: "local",
height: 250,
width: 770,
colNames: ['Mechanism', 'Data Type', 'Value', 'Active Flag', 'Created'],
colModel: [
{ name: 'Mechanism', index: 'Mechanism', width: 175, editable: true },
{ name: 'DataType', index: 'Datatype', width: 175, editable: true },
{ name: 'Value', index: 'Value', width: 105, editable: true, editrules: { custom: true, custom_func: validate} },
{name: 'ActiveFlag', width: 112, formatter: "checkbox", formatoptions: { disabled: false }, editable: true, edittype: "checkbox" },
{ name: 'Created', index: 'Created', width: 124}]
});
$('#save').live('click', function () {
var ids = $("#list").jqGrid('getDataIDs');
for (var i = 0; i < ids.length; i++) {
var val = $("#list").jqGrid('getCell', ids, 'Value');
var dataType = $("#list").jqGrid('getCell', ids, 'DataType');
$('#colValue').html(val + dataType);
var va = $('#colValue').find('input[name=value]').val();
var daT = $('#colValue').find('input[name=Datatype]').attr('value');
switch (daT) {
case "Phone":
if (!$.jgrid.isEmpty(va)) {
}
else
alert("Phone Number Field is required");
break;
case "Email":
if (!$.jgrid.isEmpty(va)) {
}
else
alert("Email Field is required");
break;
case "URL":
if (!$.jgrid.isEmpty(va)) {
}
else
alert("URL Field is required")
break;
case "":
alert("Fields are not null")
}
}
});
$('input[value=Edit]').click(function () {
var ids = $('#list').jqGrid('getDataIDs');
for (var i = 0; i < ids.length; i++) {
//$('#list').jqGrid('editRow', ids);
jQuery('#list').jqGrid('editRow', ids, true);
}
});
var data = [{ Mechanism: "Mobile Phone", DataType: "Phone" }, { Mechanism: "Personal Email", DataType: "Email" }, { Mechanism: "Facebook URL", DataType: "URL"}];
for (var i = 0; i
Подробнее здесь: https://stackoverflow.com/questions/139 ... validation
Как реализовать встроенное редактирование JQGRID и пользовательскую проверку? ⇐ Jquery
Программирование на jquery
1755781390
Anonymous
Я новичок в JQGrid, я пытаюсь реализовать следующие сценарии, но я не могу получить его правильным. Он должен иметь другой тип данных столбца, возможно, такие значения, как электронная почта, телефон и URL. /> Когда я ввожу значение каждой строки, она должна проверять на основе колонки типа данных
< /li>
Если я нажимаю кнопку «Редактировать», вся сетка должна быть редактируемой, и
должна выполнять проверку на каждой ячейке после редактирования. $(document).ready(function () {
//debugger;
var val;
var lastsel2;
jQuery("#list").jqGrid({
datatype: "local",
height: 250,
width: 770,
colNames: ['Mechanism', 'Data Type', 'Value', 'Active Flag', 'Created'],
colModel: [
{ name: 'Mechanism', index: 'Mechanism', width: 175, editable: true },
{ name: 'DataType', index: 'Datatype', width: 175, editable: true },
{ name: 'Value', index: 'Value', width: 105, editable: true, editrules: { custom: true, custom_func: validate} },
{name: 'ActiveFlag', width: 112, formatter: "checkbox", formatoptions: { disabled: false }, editable: true, edittype: "checkbox" },
{ name: 'Created', index: 'Created', width: 124}]
});
$('#save').live('click', function () {
var ids = $("#list").jqGrid('getDataIDs');
for (var i = 0; i < ids.length; i++) {
var val = $("#list").jqGrid('getCell', ids[i], 'Value');
var dataType = $("#list").jqGrid('getCell', ids[i], 'DataType');
$('#colValue').html(val + dataType);
var va = $('#colValue').find('input[name=value]').val();
var daT = $('#colValue').find('input[name=Datatype]').attr('value');
switch (daT) {
case "Phone":
if (!$.jgrid.isEmpty(va)) {
}
else
alert("Phone Number Field is required");
break;
case "Email":
if (!$.jgrid.isEmpty(va)) {
}
else
alert("Email Field is required");
break;
case "URL":
if (!$.jgrid.isEmpty(va)) {
}
else
alert("URL Field is required")
break;
case "":
alert("Fields are not null")
}
}
});
$('input[value=Edit]').click(function () {
var ids = $('#list').jqGrid('getDataIDs');
for (var i = 0; i < ids.length; i++) {
//$('#list').jqGrid('editRow', ids[i]);
jQuery('#list').jqGrid('editRow', ids[i], true);
}
});
var data = [{ Mechanism: "Mobile Phone", DataType: "Phone" }, { Mechanism: "Personal Email", DataType: "Email" }, { Mechanism: "Facebook URL", DataType: "URL"}];
for (var i = 0; i
Подробнее здесь: [url]https://stackoverflow.com/questions/13967401/how-to-implement-jqgrid-inline-editing-and-custom-validation[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия