jqgrid маленькие не очевидные хитрости…

1) Кнопка со своей иконкой в панели навигации:

2) Разделитель кнопок

Дерево на jquery с «drag and drop»

Для того чтобы организовать хранение дерева, массив данных должен содержать как минимум два параметра: id записи, и child — т.е. в иерархии к какой id относится эта запись. Пример child =0, если запись в «корне». Например структура в mysql в простейшем случае может быть такой: id,name,address,child

Для непосредственного отображения дерева удобно пользоваться jquery плагином dynatree. При перетаскивании элементов дерева при помощи «drag and drop», состояние ветвей записывается в БД. Ниже пример кода, какой он может быть: » Читать далее

Пример реализации прогресса на WEB странице

Задача: показать прогресс..ну например отправки большого количества СМС.

Экспорт из jqGrid в Excel часть 2

Описанный вот здесь способ таки оказался неудобен. Однако я вспомнил что Excel отлично открывает файл в формате xml. И формат этот хорошо описан здесь. Так почему бы не формировать xml файл? Сказано — сделано. Код видоизменился в :

Как нарисовать блок-схему на JavaScript

А в этом нам поможет плагин jsPlumb, к Jquery. В использовании он весьма прост, достаточно подключить его после jquery, а так-же css стили идущие в комплекте к jsPlumb, для преобразования в слоев в визуально приятную форму. Далее в html, расставляем div с идентификаторами и текстом внутри. После чего, простейший вызов, даст соединенные между собой div, линиями.

$(«#block1»).jsplumb({target: ‘sblock2’});

Очень простой API можно почитать здесь. У меня например получилась очень красивая картинка, при рисовании схем «Бизнес процессов:

 

111

 

Использую сей плагин, при рисовании картинок из xml. Вот пример кода вывода картинки:

 

Вот файл xml:

1 7 8 9 10