ReSQL.ru
     
powered by simpleCommunicator - 2.0.41     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Как разделить параметры для input?
6 сообщений из 6, страница 1 из 1
Как разделить параметры для input?
    #39909106
Ролг Хупин
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ролг Хупин
Участник
Я тестирую как работает jQuery EasyUI ASP.NET Core.
Вот есть такой рабочий (не у меня) код, которыя я пытаюсь адаптировать к ASP.NET странице.

Там есть <input name="feeinfo" id="ipBox" class="easyui-combogrid"
data-options=
и на странице пишет ошибки, видимо из-за длинной строки data-options с переносами.
Как можно аккуратнее это написать, вынести data-options в переменную? или как-то иначе?


 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Basic ComboGrid - jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href=" https://www.jeasyui.com/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href=" https://www.jeasyui.com/easyui/themes/icon.css">
<script type="text/javascript" src=" https://www.jeasyui.com/easyui/jquery.min.js"></script>
<script type="text/javascript" src=" https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript">
$(function(){
$('#ipBox').combogrid({
onBeforeLoad: function(param){
var g = $('#ipBox').combogrid('grid');
var pager = g.datagrid('getPager');
console.log(pager)
}
});
});
function myloader(params,succ,error){
var rows = [];
for(var i=0; i<10; i++){
rows.push({
id: i+1,
name: 'name'+(i+1)
})
}
succ({
total:10,
rows: rows
})
}
</script>
</head>
<body>
<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
<div style="margin-bottom:20px">
<input name="feeinfo" id="ipBox" class="easyui-combogrid"
data-options="panelWidth:800, mode:'remote', method:'get', pagination:true,
idField:'id', textField:'name', hasDownArrow:true, striped:true,
prompt:'Type to search..',
url:'Data/list',
loader: myloader, // imulate to load data from server
columns: [[
{field:'id',title:'<b>Id</b>', halign:'center', align:'center', width:40,sortable:true},
{field:'name',title:'<b>Name</b>', halign:'center', align:'left', width:120,sortable:true},
]],
fitColumns: true,
panelHeight:250,
onSelect:function(index, row) {
//showInfo(row.id);
$('#ipBox').combogrid('clear');
},
panelEvents: $.extend({}, $.fn.combogrid.defaults.panelEvents, {
mousedown: function(){}
}),
onHidePanel:function(index,row){
//$(this).combogrid('close');
$('#ipBox').combogrid('clear');
},
emptyMsg:'<span style=color:red>No Data...</span>'" style="width:100%; height:35px;">

</div>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
27.12.2019, 15:17
| Ответить | Цитировать | Написать  
Как разделить параметры для input?
    #39909195
carrotik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
carrotik
Участник
Ролг Хупин,

.. вообще-то, подобные компоненты принято инициализировать в секции scripts, а не непосредственно в разметке .. собственно, и в документации есть пример:

2. The combogrid can be created from existing <select> or <input> element using javascript.
Код: html
1.
<input id="cc" name="dept" value="01">


Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
$('#cc').combogrid({
    panelWidth:450,
    value:'006',
 
    idField:'code',
    textField:'name',
    url:'datagrid_data.json',
    columns:[[
        {field:'code',title:'Code',width:60},
        {field:'name',title:'Name',width:100},
        {field:'addr',title:'Address',width:120},
        {field:'col4',title:'Col41',width:100}
    ]]
});



... а javascript-у на длину строки относительно наплевать, если все нормально инициализировать и синтаксис соблюсти ...
...
Рейтинг: 0 / 0
27.12.2019, 17:07
| Ответить | Цитировать | Написать  
Как разделить параметры для input?
    #39909251
Ролг Хупин
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ролг Хупин
Участник
carrotik
Ролг Хупин,

.. вообще-то, подобные компоненты принято инициализировать в секции scripts, а не непосредственно в разметке .. собственно, и в документации есть пример:

2. The combogrid can be created from existing <select> or <input> element using javascript.
Код: html
1.
<input id="cc" name="dept" value="01">


Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
$('#cc').combogrid({
    panelWidth:450,
    value:'006',
 
    idField:'code',
    textField:'name',
    url:'datagrid_data.json',
    columns:[[
        {field:'code',title:'Code',width:60},
        {field:'name',title:'Name',width:100},
        {field:'addr',title:'Address',width:120},
        {field:'col4',title:'Col41',width:100}
    ]]
});



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


понимаю, это студия красила мне эти строки.

Так может и лучше, очевиднее делать, но в том коде есть события панели, собственно, я так понял там и данные заполняются.
Как их прикрутить?
...
Рейтинг: 0 / 0
27.12.2019, 18:04
| Ответить | Цитировать | Написать  
Как разделить параметры для input?
    #39909258
Ролг Хупин
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ролг Хупин
Участник
Сам комбобокс создается, пытаюсь поа руками добавить данные - ни фига нет ни грида, ни данных

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
$('#ipCC').combogrid({
    panelWidth:450,
    value:'006',
    idField:'code',
    textField:'name',
    //url:'datagrid_data.json',
    columns:[[
        {field:'code',title:'Code',width:60},
        {field:'name',title:'Name',width:100},
        {field:'addr',title:'Address',width:120},
        {field:'col4',title:'Col41',width:100}
    ]]
    });

    $('#ipCC').combogrid('setValues', [{code:'003',name:'name003'},{code:'004',name:'name004'}]);
...
Рейтинг: 0 / 0
27.12.2019, 18:29
| Ответить | Цитировать | Написать  
Как разделить параметры для input?
    #39909261
carrotik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
carrotik
Участник
Ролг Хупин,
..я сам этим комбобоксом не пользовался .. но по памяти с подобными (сейчас я уже плотно на vuetify), секцию скрипт не пробовали перенести вниз, т.е. в конец <body> ... ?
...
Рейтинг: 0 / 0
27.12.2019, 18:33
| Ответить | Цитировать | Написать  
Как разделить параметры для input?
    #39909273
Ролг Хупин
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ролг Хупин
Участник
carrotik
Ролг Хупин,
..я сам этим комбобоксом не пользовался .. но по памяти с подобными (сейчас я уже плотно на vuetify), секцию скрипт не пробовали перенести вниз, т.е. в конец <body> ... ?


попробую перенести, но сам комбик появляется, значит срабатывает скрипт, но пустой, грида и даже заголовков нету.
...
Рейтинг: 0 / 0
27.12.2019, 18:50
| Ответить | Цитировать | Написать  
6 сообщений из 6, страница 1 из 1
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Как разделить параметры для input?
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru             Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=18&msg=39909261&tid=1354828]:
 0ms
get settings:
 9ms
get forum list:
 13ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 32ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 48ms
get tp. blocked users:
 2ms
others: 280ms
total:  405ms
созд. / загр.: 405ms
x
x
Закрыть


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