|
|
@@ -0,0 +1,139 @@ |
|
|
|
const БИБЛИОТЕКИ = [ |
|
|
|
"https://bitbucket.org/gitjs/jquery/raw/3.5.1/0000", |
|
|
|
"https://bitbucket.org/gitjs/uikit/raw/3.2.0/0000", |
|
|
|
]; |
|
|
|
|
|
|
|
// // // // |
|
|
|
|
|
|
|
|
|
|
|
СоздатьПримерТаблицы = мир => |
|
|
|
{ |
|
|
|
console.log("СоздатьПримерТаблицы"); |
|
|
|
мир.таблица = new Таблица("пример-таблицы"); |
|
|
|
мир.таблица.задатьЗаголовки(["№", "", "", "Название ⚬ 标题 ⚬ Name"]); |
|
|
|
var строки = []; |
|
|
|
for (var номер = 0; номер < 10; ++номер) |
|
|
|
{ |
|
|
|
var строка = [ |
|
|
|
String(номер+1), |
|
|
|
"", |
|
|
|
"", |
|
|
|
"Название_" + номер, |
|
|
|
]; |
|
|
|
строки.push(строка); |
|
|
|
} |
|
|
|
мир.таблица.задатьСтроки(строки); |
|
|
|
/* |
|
|
|
$("#пример-таблицы").html(` |
|
|
|
|
|
|
|
<thead> |
|
|
|
<tr> |
|
|
|
<th>№</th> |
|
|
|
<th></th> |
|
|
|
<th></th> |
|
|
|
<th>Название ⚬ 标题 ⚬ Name</th> |
|
|
|
</tr> |
|
|
|
</thead> |
|
|
|
<tbody> |
|
|
|
<tr> |
|
|
|
<td>1</td> |
|
|
|
<td></td> |
|
|
|
<td></td> |
|
|
|
<td>X_shaped</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>2</td> |
|
|
|
<td><span uk-icon="check"></span></td> |
|
|
|
<td></td> |
|
|
|
<td>cat</td> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<td>3</td> |
|
|
|
<td></td> |
|
|
|
<td>🖼</td> |
|
|
|
<td>😀</td> |
|
|
|
</tr> |
|
|
|
</tbody> |
|
|
|
`); |
|
|
|
*/ |
|
|
|
|
|
|
|
var вид = document.createElement("style"); |
|
|
|
document.head.appendChild(вид); |
|
|
|
вид.innerHTML = ` |
|
|
|
#родитель-примера-таблицы |
|
|
|
{ |
|
|
|
display: inline-block; |
|
|
|
} |
|
|
|
`; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
// // // // |
|
|
|
|
|
|
|
|
|
|
|
СоздатьПримерОкна = мир => |
|
|
|
{ |
|
|
|
var окно = document.createElement("div"); |
|
|
|
окно.classList.add("окно-на-весь-экран-с-отступом"); |
|
|
|
окно.style.display = "none"; |
|
|
|
document.body.appendChild(окно); |
|
|
|
|
|
|
|
окно.style.display = "block"; |
|
|
|
|
|
|
|
окно.innerHTML = ` |
|
|
|
<center> |
|
|
|
<span class="uk-text-large">Окно</span> |
|
|
|
⚬ <span class="uk-text-large uk-text-bold">窗</span> ⚬ |
|
|
|
<span class="uk-text-large">Window</span> |
|
|
|
</center> |
|
|
|
<div id="родитель-примера-таблицы" class="прокрутка"> |
|
|
|
<table id="пример-таблицы" class="uk-table uk-table-divider"></table> |
|
|
|
</div> |
|
|
|
`; |
|
|
|
|
|
|
|
var вид = document.createElement("style"); |
|
|
|
document.head.appendChild(вид); |
|
|
|
вид.innerHTML = ` |
|
|
|
.окно-на-весь-экран-с-отступом |
|
|
|
{ |
|
|
|
position: fixed; |
|
|
|
left: 1em; |
|
|
|
top: 1em; |
|
|
|
bottom: 1em; |
|
|
|
right: 1em; |
|
|
|
} |
|
|
|
|
|
|
|
.прокрутка |
|
|
|
{ |
|
|
|
overflow: auto; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
`; |
|
|
|
|
|
|
|
/* |
|
|
|
var элементСписок = document.getElementById(мир.окна.раскладки.список); |
|
|
|
мир.окна.раскладки.выборныйСписок = new ВыборныйСписок(элементСписок); |
|
|
|
*/ |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
// // // // |
|
|
|
|
|
|
|
|
|
|
|
Очистить = мир => |
|
|
|
{ |
|
|
|
document.body.innerHTML = ""; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
// // // // |
|
|
|
|
|
|
|
|
|
|
|
ЗагрузитьБиблиотеки = мир => |
|
|
|
{ |
|
|
|
мир.модули.использовали.подписатьРаз(function() { |
|
|
|
мир.уведомить("ручной пуск"); |
|
|
|
мир.уведомить("загрузили библиотеки"); |
|
|
|
}); |
|
|
|
мир.модули.использовать(БИБЛИОТЕКИ); |
|
|
|
}; |