Встроенное редактирование в виде таблиц в jqGrid

Question

Я использую jQuery 1.4 и jqGrid 3.8 beta,

Здесь я использовал таблицу jqgrid, в которой я хотел создать интерфейс, такой как Excel лист / электронная таблица, где количество пустых строк уже будет отображаться, и пользователь может ввести запись в ячейки таблицы, почему они использовали для ввода в электронную таблицу.

Я создал пустые редактируемые строки, запустив цикл функции addRowData из JQgrid. после этого я сделал несколько полей редактируемыми, указав значение editable: true

Теперь проблема в том, что когда я что-то редактирую в поле и что-то пишу после этого, если я перейду в другую строку, тогда старые отредактированные данные из предыдущей строки не сохранятся в таблице, они исчезнут.

здесь - пример из реальной жизни, попробуйте ввести в редактируемое поле и затем перейти к следующей строке.

http://www.logicatrix.com/example/records.html

Answer 1

Ваша основная проблема заключается в том, что вы должны изменить editurl: "#" на editurl: 'clientArray' (см. http://www.trirand.com/jqgridwiki/doku.php?id=wiki:inline_editing#saverow), если вы хотите использовать редактирование на стороне клиента.

Более того, я рекомендую вам удалить

<script src="js/jquery.jqGrid.js" type="text/javascript"></script>

, потому что вы вставляете перед всеми необходимыми частями jqGrid ("js / grid.base.js" и т. Д.). Вы также должны скопировать подкаталог images из пользовательского интерфейса jQuery. В настоящее время вы получаете небольшие ошибки, потому что файлы типа http://www.logicatrix.com/example/images/ui-bg_highlight-soft_100_eeeeee_1x100.png не может быть загружен. Я рекомендую также использовать jQuery UI 1.8.4 вместо 1.8.2 до выпуска jqGrid 3.8 из-за некоторых небольших известных проблем.

ОБНОВЛЕНО : Кстати, рабочий пример редактирования на стороне клиента вы можете увидеть в http://www.ok -soft-gmbh.com / jqGrid / ClientsideEditing4.htm (используйте двойной щелчок и ENTER для редактирования строки). Я подготовилпрежде чем ответить Как отключить автоматическое обновление при редактировании jqGrid? . Простое изменение примера даст вам код, который вам, вероятно, нужен.