Гость
Войти | Профиль | Очистить
Действия ...
Форумы / Caché, Ensemble, DeepSee, MiniM, IRIS, GT.M [игнор отключен] [закрыт для гостей] / Использование jquery+Zen / 19 сообщений из 19, страница 1 из 1
21.09.2012, 10:51
    #37966905
feanorcheg
feanorcheg
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Использование jquery+Zen
Решил вынести это в отдельную тему.

Друзья, нужна помощь! Который день уже не могу разобраться как использовать jquery у себя на странице. Уже и так и сяк пробовал, по-разному, ничего не выходит.

Задача: наложить маску ввода из соответствующего плагина jquery на Zen-компонент <text id="text1"/>.

пока в блоке XData Contents написал вот это, что, разумеется, не работает:

<html>
<script type="text/javascript">
jQuery(function($)
{
$.mask.definitions['~']='[+-]';
$('#text1').mask('999-999');
});
</script>
</html>

Есть идеи, что тут не так? Или всё не так?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.09.2012, 10:52
    #37966908
feanorcheg
feanorcheg
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Использование jquery+Zen
ах да, сам плагин подключаю вот так

Parameter JSINCLUDES As STRING = "jquery.maskedinput-1.2.2.js"
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.09.2012, 10:57
    #37966922
DAiMor
DAiMor
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Использование jquery+Zen
может попробовать посмотреть например ошибки в браузере, а они видимо есть.
и насколько я понимаю нехватает подключения самого jQuery, подключен только плагин. Может быть проблема в этом ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.09.2012, 11:03
    #37966937
feanorcheg
feanorcheg
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Использование jquery+Zen
я подключал и так:
Код: javascript
1.
Parameter JSINCLUDES As STRING = "jquery.js,jquery.maskedinput-1.2.2.js";



ситуация не меняется.

Кстати ошибки не выдает - просто загружают ту же страницу и деактивирует все компоненты
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.09.2012, 11:15
    #37966977
feanorcheg
feanorcheg
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Использование jquery+Zen
Из всего интернета посвященного jquery+cache есть только это http://habrahabr.ru/company/intersystems/blog/141996/
Но тут ни слова о том, как использовать jquery на zen-компонентах. Получалось только на html-компонентах
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.09.2012, 11:39
    #37967040
П.С.М.
П.С.М.
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Использование jquery+Zen
feanorchegкак использовать jquery на zen-компонентах.
А мне вот интересно, почему вы решили, что jquery может что-то знать о зен-компонентах? Вы посмотрите html-код получаемой страницы. Кто/что имеет id="text1"? Вам сразу станет все ясно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.09.2012, 11:40
    #37967042
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Использование jquery+Zen
feanorchegя подключал и так:
Код: javascript
1.
Parameter JSINCLUDES As STRING = "jquery.js,jquery.maskedinput-1.2.2.js";


А ты упертый!

Вот как делает параметр сама Студио...

Код: vbnet
1.
2.
3.
4.
5.
6.
7.
8.
/// test
Class tmp.test Extends %Persistent
{

/// primer
Parameter primer = "data parametr";

}



Т.ч. ищи отличия...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.09.2012, 11:53
    #37967081
feanorcheg
feanorcheg
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Использование jquery+Zen
Так есть идеи, каким образом я смогу решить поставленную задачу? Ведь не просто так столько разговоров о Zen+jquery... можно что-то сделать, это точно. Но я сейчас топчусь на месте...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.09.2012, 11:57
    #37967092
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Использование jquery+Zen
feanorchegТак есть идеи, каким образом я смогу решить поставленную задачу?
Нужно сначала убедиться, что она таки подключена...

Пробовал и твой вариант с параметром - таки компилиться и это
Код: vbnet
1.
2.
3.
4.
5.
6.
7.
8.
/// test
Class tmp.test Extends %Persistent
{

/// primer
Parameter primer As %String = "data parametr";

}



Т.ч. проверь, подкличилась ли та ЖиКвери...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.09.2012, 11:59
    #37967097
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Использование jquery+Zen
feanorchegЗадача: наложить маску ввода из соответствующего плагина jquery на Zen-компонент <text id="text1"/>.
Ты сначала посмотри как в ХТМЛ выглядит тот ДОМ-элемент с ИД text1 ...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.09.2012, 12:03
    #37967103
feanorcheg
feanorcheg
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Использование jquery+Zen
я проверил - нужно вот такое получить http://www.xiper.net/examples/js-plugins/interface/masked-input/masked-input.html
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.09.2012, 12:04
    #37967106
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Использование jquery+Zen
Вот смотрю у себя...

На ЗЕН-странице
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
<text 
	label="Название" 
	labelClass="tLbl"
	id="Title" 
	controlClass="tFld"
	required="true" 
	size="100"
	onkeypress="zenPage.On()"
	onchange="zenPage.On()"
	dataBinding="Title"
/>



В ХТМЛе...
Код: html
1.
2.
3.
4.
5.
6.
<tr valign="top">
<td class="vtLabelLeft" nowrap><span id="zenlbl_10" class="tLbl"  >Название</span></td><td  >
<div class="zendiv" id="Title" ><input type="text" class="tFld" id="control_10"    value="Режим &quot;Журнал изменения данных&quot;. Некорректное отображение столбцов." size="100"    onchange="zenPage.getComponent(10).onchangeHandler();" onkeypress="return zenFireEvent('10','zenPage.On()','onkeypress',event);">
</div>
</td>
</tr>



Т.е. ДОМ-элемент с ИД Title это вообще ДИВ.
Как ты к нему присобачишь маску ввода?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.09.2012, 12:04
    #37967107
DAiMor
DAiMor
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Использование jquery+Zen
вот рабочий пример страницы с одним текстовым полем, с классом masked и для этого css класса срабатывает jQueryMasked
Код: sql
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
Class MyApp.test Extends %ZEN.Component.page
{

/// Comma-separated list of additional JS include files for the page.
Parameter JSINCLUDES As STRING = "jquery-1.8.2.min.js,jquery.maskedinput-1.2.2.js";

/// Этот XML блок описывает содержимое этой страницы.
XData Contents [ XMLNamespace = "http://www.intersystems.com/zen" ]
{
<page xmlns="http://www.intersystems.com/zen" title="" >
<text
id="testtext"
controlClass="masked"
/>
</page>
}

/// Render list of localized javascript strings for this object.
ClassMethod %DrawJSStrings(ByRef pVisited As %String) As %Status
{
	d ##super()
	&js<	$(function(){
		$.mask.definitions['~']='[+-]';
		$('.masked').mask('999-999');
	});
	>
	q $$$OK
}

}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.09.2012, 12:05
    #37967110
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Использование jquery+Zen
feanorchegя проверил
Подключилась ЖиКвери?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.09.2012, 12:08
    #37967117
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Использование jquery+Zen
Вот controlClass уже применяется к инпуту...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.09.2012, 12:31
    #37967165
feanorcheg
feanorcheg
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Использование jquery+Zen
DAiMor,

вот, отличный пример, спасибо большое. В итоге моя ошибка была в том, что надо было обратиться к методу %DrawJSStrings

Всем спасибо=)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2013, 00:33
    #38165685
cholmony
cholmony
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Использование jquery+Zen
DAiMorвот рабочий пример страницы с одним текстовым полем, с классом masked и для этого css класса срабатывает jQueryMasked

...у меня не подсвечивается поле... :(
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2013, 09:57
    #38165856
DAiMor
DAiMor
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Использование jquery+Zen
cholmonyDAiMorвот рабочий пример страницы с одним текстовым полем, с классом masked и для этого css класса срабатывает jQueryMasked

...у меня не подсвечивается поле... :(
файлы jquery-1.8.2.min.js,jquery.maskedinput-1.2.2.js есть в папке со статикой ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2013, 13:01
    #38166228
cholmony
cholmony
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Использование jquery+Zen
DAiMor,

Спасибо за ответ, все заработало! Ура!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / Caché, Ensemble, DeepSee, MiniM, IRIS, GT.M [игнор отключен] [закрыт для гостей] / Использование jquery+Zen / 19 сообщений из 19, страница 1 из 1
Целевая тема:
Создать новую тему:
Автор:
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 272ms
Закрыть
start [/forum/topic.php?fid=39&mobile=1&tid=1557221]:
 0ms
get settings:
 9ms
get forum list:
 13ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 157ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 56ms
get tp. blocked users:
 2ms
others: 11ms
total:  272ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]