【SAP UI5 控件学习】DAY03 Input组Part III

1. Input 控件

1.1 最简单的Input控件

在UI5框架中，最简单的Input控件也提供了输入提示功能。当用户输入内容的时候，会自动匹配Input控件中所绑定的JSON模型中是数据。

在这里插入图片描述

Input的默认匹配规则是匹配从头匹配每一个单词

前端代码如下：

<mvc:ViewcontrollerName="sap.ui5.walkthrough.controller.App"xmlns:core="sap.ui.core"xmlns:mvc="sap.ui.core.mvc"xmlns="sap.m"xmlns:l="sap.ui.layout"
><l:VerticalLayout class="sapUiContentPadding" width="100%"><Label text="Product" labelFor="productInput" /><Inputid="productInput"placeholder="Enter product"showSuggestion="true"showValueHelp="true"valueHelpRequest=".onValueHelpRequest"suggestionItems="{/ProductCollection}"><suggestionItems><core:Item text="{Name}" /></suggestionItems></Input></l:VerticalLayout>
</mvc:View>

如果不需要弹出ValueHelper的对话框，showValueHelp="true"可以设置为false，同样可以提供自动提示功能。

如果需要设置弹出ValueHelper，需要设置为true，同时需要创建一个Fragment，作为弹出对话框的前端代码。

<c:FragmentDefinitionxmlns="sap.m"xmlns:c="sap.ui.core"
><SelectDialogid="selectDialog"title="Products"items="{/ProductCollection}"search=".onValueHelpSearch"confirm=".onValueHelpClose"cancel=".onValueHelpClose"><StandardListItemicon="{ProductPicUrl}"iconDensityAware="false"iconInset="false"title="{Name}"description="{ProductId}"/></SelectDialog>
</c:FragmentDefinition>

js代码如下:

sap.ui.define(['sap/ui/core/mvc/Controller','sap/ui/model/json/JSONModel',"sap/ui/core/Core","sap/ui/core/library","sap/ui/unified/DateTypeRange","sap/ui/core/date/UI5Date",'sap/m/MessageToast',"sap/ui/core/Fragment","sap/ui/model/Filter","sap/ui/model/FilterOperator"
], function (Controller,JSONModel,Core,library,DateTypeRange,UI5Date,MessageToast,Fragment,Filter,FilterOperator) {"use strict";return Controller.extend("sap.ui5.walkthrough.controller.App", {/*** @override*/onInit: function() {var oModel = new JSONModel({ProductCollection : [{Name : "Mac mini", ProductId : "001"},{Name : "Mac Pro", ProductId : "002"},{Name : "Macbook", ProductId : "003"},{Name : "Macbook Pro", ProductId : "004"},]});this.getView().setModel(oModel);},// 打开对话框onValueHelpRequest: function (oEvent) {var sInputValue = oEvent.getSource().getValue(),oView = this.getView();// 如果对话框没有弹出，则创建if (!this._pValueHelpDialog) {this._pValueHelpDialog = Fragment.load({id: oView.getId(),name: "sap.ui5.walkthrough.view.ValueHelpDialog",controller: this}).then(function (oDialog) {oView.addDependent(oDialog);return oDialog;});}this._pValueHelpDialog.then(function(oDialog) {// Create a filter for the binding// 这句话的作用是设置弹出对话框的过滤器，比如我在输入框中已经输入了mini，那么再点击ValueHelperoDialog.getBinding("items").filter([new Filter("Name", FilterOperator.Contains, sInputValue)]);// Open ValueHelpDialog filtered by the input's valueoDialog.open(sInputValue);});},onValueHelpSearch: function (oEvent) {var sValue = oEvent.getParameter("value");var oFilter = new Filter("Name", FilterOperator.Contains, sValue);oEvent.getSource().getBinding("items").filter([oFilter]);},onValueHelpClose: function (oEvent) {var oSelectedItem = oEvent.getParameter("selectedItem");oEvent.getSource().getBinding("items").filter([]);if (!oSelectedItem) {return;}this.byId("productInput").setValue(oSelectedItem.getTitle());}});
});

1.2 显示两类内容的Input

只需要添加additionalText="{SupplierName}"即可

在这里插入图片描述

注意，之前使用的item是<core:Item text="{Name}" />，这个item不提供additionalText属性
在这里插入图片描述
如果我们要使用该属性，需要将item换成<core:ListItem text="{Name}" additionalText="{ProductId}" />

1.3 显示表格输入提示的Input控件

可以同时显示一个item的多个属性，如下图所示：
在这里插入图片描述
具体代码如下：

<mvc:ViewcontrollerName="sap.ui5.walkthrough.controller.App"xmlns:core="sap.ui.core"xmlns:mvc="sap.ui.core.mvc"xmlns="sap.m"xmlns:l="sap.ui.layout"
><l:VerticalLayout class="sapUiContentPadding" width="100%"><Label text="Product" labelFor="productInput" /><Inputid="productInput"placeholder="Enter product"showSuggestion="true"showTableSuggestionValueHelp="false"suggestionRows="{/ProductCollection}"><suggestionColumns><Column><Label text="Brand"/></Column><Column><Label text="Category"/></Column><Column><Label text="Name"/></Column><Column><Label text="ProductId"/></Column></suggestionColumns><suggestionRows><ColumnListItem><Label text="{Brand}"></Label><Label text="{Category}"></Label><Label text="{Name}"></Label><Label text="{ProductId}"></Label></ColumnListItem></suggestionRows></Input></l:VerticalLayout>
</mvc:View>

需要注意的是，之前提示的suggestion都是使用的suggestionItems="{/ProductCollection}">属性。
如果使用表格的方式，那么需要修改为suggestionRows="{/ProductCollection}"

sap.ui.define(['sap/ui/core/mvc/Controller','sap/ui/model/json/JSONModel',"sap/ui/core/Core","sap/ui/core/library","sap/ui/unified/DateTypeRange","sap/ui/core/date/UI5Date",'sap/m/MessageToast',"sap/ui/core/Fragment","sap/ui/model/Filter","sap/ui/model/FilterOperator"
], function (Controller,JSONModel,Core,library,DateTypeRange,UI5Date,MessageToast,Fragment,Filter,FilterOperator) {"use strict";return Controller.extend("sap.ui5.walkthrough.controller.App", {/*** @override*/onInit: function() {var oModel = new JSONModel({ProductCollection : [{Brand: "Apple Inc.", Category: "Personal Computer", Name : "Mac mini",  ProductId : "001"},{Brand: "Apple Inc.", Category: "Personal Computer", Name : "Mac Pro", ProductId : "002"},{Brand: "Apple Inc.", Category: "Personal Computer", Name : "Macbook", ProductId : "003"},{Brand: "Apple Inc.", Category: "Personal Computer", Name : "Macbook Pro", ProductId : "004"},]});this.getView().setModel(oModel);},});
});

1.4 带有输入验证的Input

在输入某些值的时候，可以设置相关的验证规则，比如长度的限制，包括格式的限制。下面的例子展示的是两个输入框，一个要求长度在1-10，另一个要求必须符合电子邮件的格式。具体代码如下：
在这里插入图片描述

<mvc:ViewcontrollerName="sap.ui5.walkthrough.controller.App"xmlns:core="sap.ui.core"xmlns:mvc="sap.ui.core.mvc"xmlns="sap.m"xmlns:l="sap.ui.layout"
><l:VerticalLayoutclass="sapUiContentPadding"width="100%"><Labeltext="Name"labelFor="nameInput"/><Inputid="nameInput"class="sapUiSmallMarginBottom"placeholder="Enter name"valueStateText="Name must not be empty. Maximum 10 characters."value="{path: '/name',type: 'sap.ui.model.type.String',constraints: {minLength: 1,maxLength: 10}}"/><Labeltext="E-mail"labelFor="emailInput"/><Inputid="emailInput"class="sapUiSmallMarginBottom"type="Email"placeholder="Enter email"valueStateText="E-mail must be a valid email address."value="{path: '/email',type: '.customEMailType'}"/><Button text="submit" press=".onSubmit"/></l:VerticalLayout>
</mvc:View>

sap.ui.define(['sap/ui/core/mvc/Controller','sap/ui/model/json/JSONModel',"sap/ui/core/Core","sap/ui/core/library","sap/ui/unified/DateTypeRange","sap/ui/core/date/UI5Date",'sap/m/MessageToast',"sap/ui/core/Fragment","sap/ui/model/Filter","sap/ui/model/FilterOperator","sap/ui/model/SimpleType","sap/ui/model/ValidateException","sap/m/MessageBox",
], function (Controller,JSONModel,Core,library,DateTypeRange,UI5Date,MessageToast,Fragment,Filter,FilterOperator,SimpleType,ValidateException,MessageBox) {"use strict";return Controller.extend("sap.ui5.walkthrough.controller.App", {onInit: function () {var oView = this.getView(),oMM = Core.getMessageManager();oView.setModel(new JSONModel({ name: "", email: "" }));oMM.registerObject(oView.byId("nameInput"), true);oMM.registerObject(oView.byId("emailInput"), true);},// 自定义customEMailType: SimpleType.extend("email", {formatValue: function (oValue) {return oValue;},parseValue: function (oValue) {//parsing step takes place before validating step, value could be altered herereturn oValue;},validateValue: function (oValue) {// The following Regex is only used for demonstration purposes and does not cover all variations of email addresses.// It's always better to validate an address by simply sending an e-mail to it.var rexMail = /^\w+[\w-+\.]*\@\w+([-\.]\w+)*\.[a-zA-Z]{2,}$/;if (!oValue.match(rexMail)) {throw new ValidateException("'" + oValue + "' is not a valid e-mail address");}}}),});
});

要想数据验证生效，必须要绑定JSON对象，并且要设置oMM.registerObject(oView.byId("nameInput"), true);

此外，还可以添加一个提交按钮，按下提交按钮后，需要判断所有的inputs都合法，然后再允许用户提交，否则弹出错误的对话框。

// 如果只是验证，不再submit的时候再重新验证，下面的代码可以不用谢
onSubmit: function() {// 收集所有的输入框var oView = this.getView();var oInputs = [oView.byId("nameInput"),oView.byId("emailInput")];var bValidationError = false;// 循环遍历所有的inputs，判断每一个inputs是否都合法oInputs.forEach(function(oInput) {bValidationError = this._validateInput(oInput) || bValidationError; }, this);if (!bValidationError) {MessageToast.show("The input is ok");} else {MessageBox.alert("The input is not correct!")}
},// 用于验证input是否合法
_validateInput: function(oInput) {var sValueState = "None"; // 用于设置输入框状态 如果不合法 输入框变成红色var bValidationError = false;var oBinding = oInput.getBinding("value"); // 获取用户输入内容try {oBinding.getType().validateValue(oInput.getValue()); // 对比是否满足验证条件，不满足就抛出异常} catch (oException) {sValueState = "Error";bValidationError = true;}return bValidationError;
}

1.5 自定义ValueHelper图标的Input

只需要给Input添加valueHelpIconSrc="sap-icon://arrow-left"属性即可。

<Inputid="inputValueHelpCustomIcon"class="sapUiSmallMarginBottom"type="Text"placeholder="Enter product"showValueHelp="true"valueHelpIconSrc="sap-icon://arrow-left"valueHelpRequest="handleValueHelp"
/>

1.6 带有描述的Input

可以给Input属性添加description属性，内容会显示在Input之后
在这里插入图片描述

<Labeltext="Name"labelFor="nameInput"
/>
<Inputid="nameInput"class="sapUiSmallMarginBottom"placeholder="Enter name"description="姓名"valueStateText="Name must not be empty. Maximum 10 characters."value="{path: '/name',type: 'sap.ui.model.type.String',constraints: {minLength: 1,maxLength: 10}}"
/>
<Labeltext="E-mail"labelFor="emailInput"
/>
<Inputid="emailInput"class="sapUiSmallMarginBottom"type="Email"description="电子邮件"placeholder="Enter email"valueStateText="E-mail must be a valid email address."value="{path: '/email',type: '.customEMailType'}"
/>

此外，可以给Input添加showClearIcon属性，然后就会显示一个叉号用来清空Input内容
在这里插入图片描述

1.7 密码输入框Input

通过设置type="Password"来让Input输入框中不显示明文内容
在这里插入图片描述

1.8 自定义suggestion时的匹配规则

默认的匹配规则是匹配每一个单词的开头，比如Macbook Pro，如果输入ma，或者驶入pr都可以匹配到，但是如果输入oo，则匹配不到。我们可以通过设置Input的setFilterFunction来自定义自己的规则。具体代码如下：

<mvc:ViewcontrollerName="sap.ui5.walkthrough.controller.App"xmlns:core="sap.ui.core"xmlns:mvc="sap.ui.core.mvc"xmlns="sap.m"xmlns:l="sap.ui.layout"
><l:VerticalLayout class="sapUiContentPadding" width="100%"><Label text="Product" labelFor="productInput" /><Inputid="productInput"placeholder="Enter product"showSuggestion="true"showValueHelp="true"valueHelpRequest=".onValueHelpRequest"suggestionItems="{/ProductCollection}"><suggestionItems><core:Item text="{Name}" /></suggestionItems></Input></l:VerticalLayout>
</mvc:View>

sap.ui.define(['sap/ui/core/mvc/Controller','sap/ui/model/json/JSONModel',"sap/ui/core/Core","sap/ui/core/library","sap/ui/unified/DateTypeRange","sap/ui/core/date/UI5Date",'sap/m/MessageToast',"sap/ui/core/Fragment","sap/ui/model/Filter","sap/ui/model/FilterOperator"
], function (Controller,JSONModel,Core,library,DateTypeRange,UI5Date,MessageToast,Fragment,Filter,FilterOperator) {"use strict";return Controller.extend("sap.ui5.walkthrough.controller.App", {/*** @override*/onInit: function() {var oModel = new JSONModel({ProductCollection : [{Name : "Mac mini", ProductId : "001"},{Name : "Mac Pro", ProductId : "002"},{Name : "Macbook", ProductId : "003"},{Name : "Macbook Pro", ProductId : "004"},]});this.getView().setModel(oModel);this.byId("productInput").setFilterFunction(function (sTerm, oItem) {return oItem.getText().match(new RegExp(sTerm, "i"));});},});
});

1.9 只通过ValueHelper输入的Input

在某些情况下，我们可能不允许用户在Input上直接输入值，而是通过选择的方式来实现。这个时候可以设置Input属性valueHelpOnly="true"，这样用户只要点击Input，就是自动弹出valueHelper的对话框，用户只能通过选择来实现输入内容到Input组件中

<Labeltext="Product"labelFor="productInput"
/>
<Inputid="productInput"placeholder="Enter product"showValueHelp="true"valueHelpRequest=".onValueHelpRequest"valueHelpOnly="true"
>
</Input>

1.10 按照某一字段分类显示suggestion的Input

和之前的ComboBox一样，只需要修改suggestionItems的内容，添加相应的分类字段即可。
代码如下：
在这里插入图片描述

<mvc:ViewcontrollerName="sap.ui5.walkthrough.controller.App"xmlns:core="sap.ui.core"xmlns:mvc="sap.ui.core.mvc"xmlns="sap.m"xmlns:l="sap.ui.layout"
><l:VerticalLayout class="sapUiContentPadding" width="100%"><Label text="Product" labelFor="productInput" /><Inputid="productInput"placeholder="Enter product"showSuggestion="true"showValueHelp="true"valueHelpRequest=".onValueHelpRequest"suggestionItems="{path : '/ProductCollection',sorter : {path : 'Category',group : true,ascending : false}}"suggestionItemSelected=".onSuggestionItemSelected"><suggestionItems><core:Item key="{ProductId}" text="{Name}" /></suggestionItems></Input><Label text="Selected Key" labelFor="selectedKey" /><Text id="selectedKeyIndicator" /></l:VerticalLayout>
</mvc:View>

1.11 带掩码的Input

通过设置掩码可以实现对用户输入的内容进行限制并进行格式化。

  • 匹配任意的10个字符
<MaskInput mask="~~~~~~~~~~" placeholderSymbol="_" placeholder="All characters allowed"><rules><MaskInputRule maskFormatSymbol="~" regex="[^_]"/></rules>
</MaskInput>
  • 匹配所有的字母和数字
<MaskInput mask="**********" placeholderSymbol="_" placeholder="Latin characters (case insensitive) and numbers"><rules><MaskInputRule/></rules>
</MaskInput>
  • 匹配所有数字
<MaskInput mask="(999) 999 999999" placeholderSymbol="_" placeholder="Enter twelve-digit number" showClearIcon="true" />
  • 只允许数字和大写字母
<MaskInput mask="CCCC-CCCC-CCCC-CCCC-CCCC" placeholderSymbol="_" placeholder="Enter digits and capital letters" showClearIcon="{/showClearIcon}"><rules><MaskInputRule maskFormatSymbol="C" regex="[A-Z0-9]"/></rules>
</MaskInput>
  • 产品序列号-以SAP开头，后面是大写字母和数字
<MaskInput mask="SAP-CCCCC-CCCCC" placeholderSymbol="_" placeholder="Starts with 'SAP' followed by digits and capital letters" showClearIcon="true"><rules><MaskInputRule maskFormatSymbol="C" regex="[A-Z0-9]"/></rules>
</MaskInput>
  • 纯数字ISBN
<Label text="ISBN" />
<MaskInput mask="999-99-999-9999-9" placeholderSymbol="_" placeholder="Enter thirteen-digit number" showClearIcon="true" />

通过设置占位符结合正则表达式实现对数据内容的限制
<MaskInputRule maskFormatSymbol="C" regex="[A-Z0-9]"/>
上面的意思就是使用C来代表是任意一个大写字母和数字

2. Radio Button控件

主要注意一下Radio Button控件是如何实现互斥的。

<RadioButtonGroup id="GroupA"><RadioButton text="Option 1" selected="true" /><RadioButton text="Option 2" /><RadioButton text="Option 3" /><RadioButton text="Option 4" /><RadioButton text="Option 5" />
</RadioButtonGroup>

通过将互斥的一组Radio Button控件放在一组中来实现互斥。

此外，RadioButtonGroup控件还可以实现对RadioButton进行排版。
例如可以设置一行显示3个RadioButton，超出的自动换行到下一行

<RadioButtonGroup id="rbg1" columns="3" width="100%" class="sapUiMediumMarginBottom"><RadioButton id="RB1-1" text="Long Option Number 1" /><RadioButton id="RB1-2" text="Option 2" enabled="false" /><RadioButton id="RB1-3" text="Nr. 3" editable="false" /><RadioButton id="RB1-5" text="Option 5" /><RadioButton id="RB1-6" text="Nr. 6" />
</RadioButtonGroup>

在这里插入图片描述

一行显示3个，超出的部分会自动的转移到下一行

3. Select控件

3.1 不绑定任何数据源

Select可以不绑定任何的数据源，使用方法就是像在HTML中一样。

<Select id="sfcStatusSelect"><core:Item key="1" text="{i18n>/PackComplete}" /><core:Item key="2" text="{i18n>/PackIncomplete}" />
</Select>

3.2 绑定数据源显示内容

Select也可以绑定数据源显示内容，方法和其他的控件绑定数据源一样。代码如下：

<mvc:ViewcontrollerName="sap.ui5.walkthrough.controller.App"xmlns:core="sap.ui.core"xmlns:mvc="sap.ui.core.mvc"xmlns:form="sap.ui.layout.form"xmlns="sap.m"xmlns:l="sap.ui.layout"
><SelectforceSelection="false"items="{path: '/ProductCollection',sorter: {path: 'Name'}}"><core:Itemkey="{ProductId}"text="{Name}"/></Select>
</mvc:View>

sap.ui.define(['sap/ui/core/mvc/Controller','sap/ui/model/json/JSONModel',"sap/ui/core/Core","sap/ui/core/library","sap/ui/unified/DateTypeRange","sap/ui/core/date/UI5Date",'sap/m/MessageToast',"sap/ui/core/Fragment","sap/ui/model/Filter","sap/ui/model/FilterOperator"
], function (Controller,JSONModel,Core,library,DateTypeRange,UI5Date,MessageToast,Fragment,Filter,FilterOperator) {"use strict";return Controller.extend("sap.ui5.walkthrough.controller.App", {onInit: function () {var oModel = new JSONModel({ProductCollection: [{ Name: "Mac mini", ProductId: "001" },{ Name: "Mac Pro", ProductId: "002" },{ Name: "Macbook", ProductId: "003" },{ Name: "Macbook Pro", ProductId: "004" },]});this.getView().setModel(oModel);},});
});

这个属性forceSelection="false"可以选择空，如果为true，则用户必须从下拉列表中选择一个Item才可以

如果要显示两列内容，则需要添加showSecondaryValues="true"属性，并且修改Item为ListItem，具体代码如下：

<mvc:ViewcontrollerName="sap.ui5.walkthrough.controller.App"xmlns:core="sap.ui.core"xmlns:mvc="sap.ui.core.mvc"xmlns:form="sap.ui.layout.form"xmlns="sap.m"xmlns:l="sap.ui.layout"
><SelectforceSelection="false"showSecondaryValues="true"items="{path: '/ProductCollection',sorter: {path: 'Name'}}"><core:ListItemkey="{ProductId}"text="{Name}"additionalText="{ProductId}"/></Select>
</mvc:View>

3.3 带有图标的Select

在Select中，允许给Item添加icon，只需要给ListItem添加icon属性即可，代码如下：

<mvc:Viewheight="100%"controllerName="sap.m.sample.SelectWithIcons.Page"xmlns:core="sap.ui.core"xmlns:mvc="sap.ui.core.mvc"xmlns="sap.m"><PageshowHeader="false"class="sapUiContentPadding"><content><SelectforceSelection="false"selectedKey="{/SelectedProduct}"items="{path: '/ProductCollection',sorter: { path: 'Name' }}"><core:ListItem key="{ProductId}" text="{Name}" icon="{Icon}"/></Select></content></Page>
</mvc:View>

在UI5中，onChange和onLiveChange是两个事件，用于监听输入框（Input）或其他控件的值变化。

  1. onChange事件在输入框的值发生变化并且焦点移出输入框时触发。它通常用于捕捉用户最终提交或确认输入的时刻。例如，当用户输入完毕并点击回车键或离开输入框时，onChange事件会被触发。

  2. onLiveChange事件在输入框的值发生变化时实时触发，无需等待焦点移出输入框。它通常用于实时响应用户输入的变化，并进行一些实时的处理或反馈。例如，可以在用户输入时实时验证输入的合法性或进行搜索提示。

总的来说，onChange适用于需要在用户最终确认输入时才进行处理的场景，而onLiveChange适用于需要实时响应用户输入变化的场景。选择使用哪个事件取决于你的业务需求和用户体验的设计。

4. StepInput控件

通过StepInput控件，可以实现步长式输入。
在这里插入图片描述
代码如下：

<mvc:ViewcontrollerName="sap.ui5.walkthrough.controller.App"xmlns:core="sap.ui.core"xmlns:mvc="sap.ui.core.mvc"xmlns:form="sap.ui.layout.form"xmlns="sap.m"xmlns:l="sap.ui.layout"
><StepInput value="0"min="0"max="100"step="0.1"displayValuePrecision="3" width="50%"fieldWidth="60%"description="EUR"/>
</mvc:View>
  • displayValuePrecision精确度：精确到小数点后多少位

注意：StepInput控件自带输入合法性验证功能，如果输入的数字不在[min, max]范围内，那么会呈现红色，并报错

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/20005.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

中值滤波的运用

中值滤波的运用

需求&#xff1a; c#、WPF开发&#xff0c;在界面上画不规则的图形区域&#xff0c;并提取区域内的point 实现方式&#xff1a; 1. 用 InkCanvas控件作为画布&#xff0c;用path画不规则图形 2. 将InkCanvas控件内的内容保存为jpg图片 3. 通过判断区域的颜色&#xff0c;从而得…
阅读更多...
ARP协议(地址分析协议)

ARP协议(地址分析协议)

系列文章目录 数通王国历险记&#xff08;4&#xff09; 目录 前言 一&#xff0c;什么是地址解析协议&#xff08;ARP&#xff09; 二&#xff0c;封装和解封装 三&#xff0c;为什么需要地址解析协议&#xff08;ARP&#xff09; 四&#xff0c;ARP的验证实验 4.1&#x…
阅读更多...
Foxit PDF ActiveX 5.9.8 Crack

Foxit PDF ActiveX 5.9.8 Crack

Foxit PDF SDK ActiveX 即时添加PDF显示功能至Windows应用程序&#xff0c;快速投放市场&#xff0c;可视化编程组件功能强大且易于使用的PDF软件开发工具包 对于刚接触PDF或不愿投入过多精力学习PDF技术的产品管理者及开发者来说&#xff0c;Foxit PDF SDK ActiveX无疑是理想…
阅读更多...
Xamarin.Android实现界面自动添加控件

Xamarin.Android实现界面自动添加控件

目录 1、背景说明2、效果3、代码3.1、UI代码3.2、实现代码 4、代码下载5、相关知识点5.1、原理说明5.2、其他说明 6、参考资料 1、背景说明 有时需要在APP中动态的添加控件&#xff0c;因此记录下在Xamarin中的实现步骤。 VS2022社区版 2、效果 3、代码 3.1、UI代码 UI的代…
阅读更多...
22 分页控件

22 分页控件

文章目录 界面设置初始化主对话框子页面初始化 页面1枚举窗口页面2枚举进程全部代码 界面设置 ui 设置 >创建CTablCtrl > 创建页控件&#xff08;子窗口&#xff09;&#xff0c;style设置成为chlid 添加类 页面中加入listCtrl 控件 添加变量 分别添加初始化函数 初始化…
阅读更多...
U启动盘(NETBASE第十二课)

U启动盘(NETBASE第十二课)

1.域环境组策略的应用规则 1&#xff09;策略的继承 继承&#xff1a;默认下级容器继承上级容器的组策略配置Default Domain Policy禁止更改桌面背景运行-dsa.msc创建OU并命名为caiwu&#xff0c;在caiwu的OU中创建新用户xmxm用户在win10客户端主机登录&#xff0c;验证不能更…
阅读更多...
RestClient操作索引库

RestClient操作索引库

一、初始化RestClient 分为三步&#xff1a; 1&#xff09;引入es的RestHighLevelClient依赖&#xff1a; <dependency><groupId>org.elasticsearch.client</groupId><artifactId>elasticsearch-rest-high-level-client</artifactId> </dep…
阅读更多...
xxl-job定时任务测试

xxl-job定时任务测试

配置执行器 启动相关xxl-job客户端服务后&#xff0c;会自动注册机器地址 简单任务 /*** 简单任务** param params* return*/XxlJob(value "demoJob")public ReturnT<String> demoJobHandler(String params) {log.info("我是 jeecg-system 服务里的定时任…
阅读更多...
第一百零五天学习记录：数据结构与算法基础：顺序表（王卓教学视频）

第一百零五天学习记录：数据结构与算法基础：顺序表（王卓教学视频）

注&#xff1a;笔记截图均来自王卓数据结构教学视频 线性表的定义和特点 线性表是具有相同特性的数据元素的一个有限序列 同一线性表中的元素必定具有相同特性&#xff0c;数据元素间的关系是线性关系。 线性表的逻辑特征 稀疏多项式的运算 顺序存储结构存在的问题 1、存…
阅读更多...
k8s 中的卷

k8s 中的卷

前面的文章我们分享了 pod &#xff0c;RC&#xff0c;RS&#xff0c;DaemonSet&#xff0c;CJ&#xff0c;Service 等各种资源 今天我们来分享一波如何将磁盘挂载到容器中&#xff0c;在 docker 里面这种技术叫做 数据卷&#xff0c;感兴趣的小伙伴可以查看一下文章&#xff…
阅读更多...
TypeScript 学习笔记(二)：接口与类型别名、字面量类型

TypeScript 学习笔记(二)：接口与类型别名、字面量类型

一、接口的定义 在面向对象的编程中&#xff0c;接口是一种规范的定义&#xff0c;它定义了行为和动作的规范&#xff0c;在程序设计里面&#xff0c;接口起到一种限制和规范的作用。接口定义了某一批类所需要遵守的规范&#xff0c;接口不关心这些类的内部状态数据&#xff0…
阅读更多...
MySQL内外连接

MySQL内外连接

目录 内连接 外连接 左外连接 右外连接 内连接 内连接实际上就是利用 where 子句对两种表形成的笛卡儿积进行筛选 select 字段 from 表 1 inner join 表 2 on 连接条件 and 其他条件 显示SMITH的名字和部门名称 使用inner join 写法上是基本类似的。 外连接 左外…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023