本文整理匯總了TypeScript中ts/ui/Combo.Combo類的典型用法代碼示例。如果您正苦於以下問題：TypeScript Combo類的具體用法？TypeScript Combo怎麽用？TypeScript Combo使用的例子？那麽, 這裏精選的類代碼示例或許可以為您提供幫助。
在下文中一共展示了Combo類的8個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: makeInputOnlyCheckmate
function makeInputOnlyCheckmate(btn , txtIpt, valIpt, arr = [], valAttrSrc, popSets) {
Combo.makeClearableInput(txtIpt, valIpt);
let opsCheck = opg('<div class="divPopWrapper"></div>').checkBox({
data: arr,
value: valAttrSrc,
onCreate: function () {
btn.on('click', function () {
opsCheck.selectedData = valIpt.val().split(',');
opg.confirm(opsCheck.jq, function () {
txtIpt.val(opsCheck.getText().join(','));
valIpt.val(opsCheck.getValue().join(','));
this.close();
}, popSets);
});
}
});
}示例2:
sourceTypes: 'system/collection/collectSourceEnum',
audit: 'audit/findPage?stepCode=collect_audit',
checkAuditPermission: 'audit/checkAuditPermission/${orderId}', //檢查審核權限
'pass!POST': 'audit/pass',
'cancelAuditOrder!!': 'audit/cancelAuditOrder/${orderId}', //取消審核
'delete!DELETE!': 'transcode/business/delete/${id}',
});
let panel: Panel = opg.wrapPanel('#tbSearch', {
title: '二審工單查詢',
btnSearchText: '<i class="ico-find"></i> 查詢'
});
Combo.makeClearableInput($('#createTimeBegin').datetimepicker({
timepicker: false,
closeOnDateSelect: true,
format: 'Y-m-d'
}), $({}));
Combo.makeClearableInput($('#createTimeEnd').datetimepicker({
timepicker: false,
closeOnDateSelect: true,
format: 'Y-m-d'
}), $({}));
panel.btnSearch.click(function () {
let param = $('#tbSearch').fieldsToJson({});
if (param.createTimeBegin && param.createTimeBegin.indexOf(' ') < 0) {
param.createTimeBegin += ' 00:00:00';
}示例3:
if (param.onlineTimeBegin) {
param.onlineTimeBegin += ':00';
}
if (param.onlineTimeEnd) {
param.onlineTimeEnd += ':00';
}
//debugger;
param.pageNo = 1;
//console.log(panel.jq, param);
tb.update(param);
});
Combo.makeClearableInput($('#onlineTimeBegin').datetimepicker({
//timepicker: false,
//closeOnDateSelect: true,
//format: 'Y-m-d'
}), $({}));
Combo.makeClearableInput($('#onlineTimeEnd').datetimepicker({
//timepicker: false,
//closeOnDateSelect: true,
//format: 'Y-m-d'
}), $({}));
opg('#contentType').listBox({
api: opg.api.contentType,
value: 'name',
});
示例4: function
console.warn(row);
if (row) {
copyrightProgramName.val(row.name);
copyrightProgramId.val(row.id);
}
return !row;
}, {
title: '關聯版權',
btnMax: true,
width: 800,
height: 600,
});
});
Combo.makeClearableInput(copyrightProgramName, copyrightProgramId);
$('#programLength').decimalMask('99999999');
//
window['doSave'] = function (pop: Popup, tb: Table , parentWin:Window) {
let param = $('#tbForm').fieldsToJson({
managerName :{
require :true ,
name : '內容名稱' ,
},
showName :{
require :true ,
name : '展示名稱' ,
},
contentType :{示例5: function
//日期選擇
const dataPickerOption = {
timepicker: false,
closeOnDateSelect: true,
format: 'Y-m-d',
};
$('#copyrightBeginDate').datetimepicker(dataPickerOption);
$('#copyrightEndDate').datetimepicker(dataPickerOption);
$('#shareMoneyBeginDate').datetimepicker(dataPickerOption);
$('#shareMoneyEndDate').datetimepicker(dataPickerOption);
//授權地域
let authorizedRegionName = $('#authorizedRegionCNDesc');
let authorizedRegionId = $('#authorizedRegionId');
Combo.makeClearableInput(authorizedRegionName, authorizedRegionId);
$('#btnAuthorizedRegion').click(function () {
top.opg.confirm(`<iframe src="/page/copyright/contract/module/regions.html" />`, function (i, ifr) {
let rows = ifr.getChecked();
if (rows) {
let names = [], ids = [];
rows.map(function (row, i) {
names[i] = row.name;
ids[i] = row.id;
});
authorizedRegionName.val(names.join(','));
authorizedRegionId.val(ids.join(','));
}
return !rows;
}, {
title: '選擇地域',示例6: function
import opg from 'ts/opg.ts';
import Panel from "ts/ui/Panel.ts";
import Table from "ts/ui/Table.ts";
import {Combo} from 'ts/ui/Combo' ;
import PopUp from "ts/ui/Popup";
opg.api({
});
Combo.makeClearableInput($('#contractDate').datetimepicker({
timepicker: false,
closeOnDateSelect: true,
format: 'Y-m-d'
}), $({}));
window['doSave'] = function (pop:PopUp , nextStep :Function , tb :Table) {
let param = $('#tbForm').fieldsToJson({
contractNumber: {
name: '合同號',
require: true ,
},
});
if(param){
let id = '123333';
pop.close();
nextStep(id , tb);
}示例7: opg
if (param.showStart && param.showStart.indexOf(' ') < 0) {
param.showStart += ' 00:00:00';
}
if (param.showEnd && param.showEnd.indexOf(' ') < 0) {
param.showEnd += ' 23:59:59';
}
//debugger;
param.pageNo = 1;
//console.log(panel.jq, param);
tb.update(param);
});
Combo.makeClearableInput($('#showStart').datetimepicker({
timepicker: false,
closeOnDateSelect: true,
format: 'Y-m-d'
}), $({}));
Combo.makeClearableInput($('#showEnd').datetimepicker({
timepicker: false,
closeOnDateSelect: true,
format: 'Y-m-d'
}), $({}));
//create a data table
let tb: Table = opg('#tb').table({
api: opg.api.collect,
titleBar: {
title: '采集工單列表',
},示例8: function
top.opg.confirm(`<iframe src="/page/produce/launch/copyrightMedium.html" />`, function (i, ifr) {
let row = ifr.getChecked();
if (row) {
programMediaFileName.val(row.name);
programMediaFileId.val(row.id);
}
return !row;
}, {
title: '選擇版權介質',
btnMax: true,
width: 990,
height: 600,
});
});
Combo.makeClearableInput(programMediaFileName, programMediaFileId);
//
window['doSave'] = function (pop: Popup, tb: Table, parentWin: Window) {
let param = $('#tbForm').fieldsToJson({
onlineTime: {
require: true,
type: 'date',
name: '上線時間',
},
episodeStart: {
require: true,
type: 'number',
name: '起始集數',
},