Commit changes in master
This commit is contained in:
ilyin
parent
b3e4f6cffe
commit
74840b9e12
699 changed files with 90039 additions and 135 deletions
|
|
@ -1,18 +1,16 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
|
||||
<project xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd" xmlns="http://maven.apache.org/POM/4.0.0"
|
||||
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
|
||||
<modelVersion>4.0.0</modelVersion>
|
||||
<parent>
|
||||
<groupId>ervu_secret</groupId>
|
||||
<artifactId>ervu_secret</artifactId>
|
||||
<version>1.0.0-SNAPSHOT</version>
|
||||
</parent>
|
||||
|
||||
<groupId>ervu_secret.ervu_secret</groupId>
|
||||
<artifactId>backend</artifactId>
|
||||
<packaging>war</packaging>
|
||||
|
||||
<dependencies>
|
||||
<!--JWT-->
|
||||
<dependency>
|
||||
<groupId>org.springframework.security</groupId>
|
||||
<artifactId>spring-security-jwt</artifactId>
|
||||
|
|
@ -26,34 +24,28 @@
|
|||
<artifactId>jjwt-impl</artifactId>
|
||||
<scope>runtime</scope>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>ervu_secret.ervu_secret</groupId>
|
||||
<artifactId>resources</artifactId>
|
||||
<scope>runtime</scope>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>ru.cg.webbpm.modules.reporting.reporting-jasper</groupId>
|
||||
<artifactId>reporting-jasper-fonts</artifactId>
|
||||
<scope>runtime</scope>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>org.ocpsoft.prettytime</groupId>
|
||||
<artifactId>prettytime</artifactId>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>org.jooq</groupId>
|
||||
<artifactId>jooq</artifactId>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>org.apache.santuario</groupId>
|
||||
<artifactId>xmlsec</artifactId>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>javax.servlet</groupId>
|
||||
<artifactId>javax.servlet-api</artifactId>
|
||||
|
|
@ -63,7 +55,6 @@
|
|||
<artifactId>slf4j-api</artifactId>
|
||||
<scope>provided</scope>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>org.springframework</groupId>
|
||||
<artifactId>spring-core</artifactId>
|
||||
|
|
@ -100,8 +91,6 @@
|
|||
<groupId>org.springframework</groupId>
|
||||
<artifactId>spring-webmvc</artifactId>
|
||||
</dependency>
|
||||
|
||||
<!-- security -->
|
||||
<dependency>
|
||||
<groupId>org.springframework.security</groupId>
|
||||
<artifactId>spring-security-web</artifactId>
|
||||
|
|
@ -110,14 +99,10 @@
|
|||
<groupId>org.springframework.security</groupId>
|
||||
<artifactId>spring-security-config</artifactId>
|
||||
</dependency>
|
||||
|
||||
<!-- -->
|
||||
<dependency>
|
||||
<groupId>ru.cg.webbpm.modules</groupId>
|
||||
<artifactId>inject</artifactId>
|
||||
</dependency>
|
||||
|
||||
<!-- bpmn -->
|
||||
<dependency>
|
||||
<groupId>ru.cg.webbpm.modules.bpmn</groupId>
|
||||
<artifactId>bpmn-workflow-api</artifactId>
|
||||
|
|
@ -142,7 +127,6 @@
|
|||
<groupId>ru.cg.webbpm.modules.bpmn</groupId>
|
||||
<artifactId>bpmn-deploy</artifactId>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>ru.cg.webbpm.modules</groupId>
|
||||
<artifactId>webkit-rpc</artifactId>
|
||||
|
|
@ -151,7 +135,6 @@
|
|||
<groupId>ru.cg.webbpm.modules</groupId>
|
||||
<artifactId>webkit-beans</artifactId>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>ru.cg.webbpm.modules.core</groupId>
|
||||
<artifactId>core-runtime-api</artifactId>
|
||||
|
|
@ -164,8 +147,6 @@
|
|||
<groupId>ru.cg.webbpm.modules.core</groupId>
|
||||
<artifactId>error-handling-api</artifactId>
|
||||
</dependency>
|
||||
|
||||
<!-- database asset-->
|
||||
<dependency>
|
||||
<groupId>ru.cg.webbpm.modules.database</groupId>
|
||||
<artifactId>database-api</artifactId>
|
||||
|
|
@ -174,7 +155,6 @@
|
|||
<groupId>ru.cg.webbpm.modules.database</groupId>
|
||||
<artifactId>database-impl</artifactId>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>ru.cg.webbpm.modules.jndi</groupId>
|
||||
<artifactId>jndi-beans</artifactId>
|
||||
|
|
@ -183,19 +163,15 @@
|
|||
<groupId>ru.cg.webbpm.modules.jndi</groupId>
|
||||
<artifactId>jndi-inject</artifactId>
|
||||
</dependency>
|
||||
|
||||
<!-- packaged -->
|
||||
<dependency>
|
||||
<groupId>com.sun.mail</groupId>
|
||||
<artifactId>javax.mail</artifactId>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>ru.cg.webbpm.modules.database</groupId>
|
||||
<artifactId>database-test</artifactId>
|
||||
<scope>test</scope>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>ru.cg.webbpm.modules</groupId>
|
||||
<artifactId>standard-annotations</artifactId>
|
||||
|
|
@ -220,8 +196,6 @@
|
|||
<groupId>ru.cg.webbpm.modules.security</groupId>
|
||||
<artifactId>security-esia</artifactId>
|
||||
</dependency>
|
||||
|
||||
<!-- reporting -->
|
||||
<dependency>
|
||||
<groupId>ru.cg.webbpm.modules.reporting</groupId>
|
||||
<artifactId>reporting-api</artifactId>
|
||||
|
|
@ -250,7 +224,6 @@
|
|||
<groupId>ru.cg.webbpm.modules.reporting.reporting-xdoc</groupId>
|
||||
<artifactId>reporting-xdoc-runtime-impl</artifactId>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>org.liquibase</groupId>
|
||||
<artifactId>liquibase-core</artifactId>
|
||||
|
|
@ -259,7 +232,6 @@
|
|||
<groupId>ru.cg.webbpm.modules</groupId>
|
||||
<artifactId>webkit-base</artifactId>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>ru.cg.webbpm.modules.security</groupId>
|
||||
<artifactId>security-db-synchronization-api</artifactId>
|
||||
|
|
@ -268,76 +240,65 @@
|
|||
<groupId>ru.cg.webbpm.modules.security</groupId>
|
||||
<artifactId>security-db-synchronization-ldap-impl</artifactId>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>xerces</groupId>
|
||||
<artifactId>xercesImpl</artifactId>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>com.google.guava</groupId>
|
||||
<artifactId>guava</artifactId>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>ru.micord.fias</groupId>
|
||||
<artifactId>client</artifactId>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>org.apache.tika</groupId>
|
||||
<artifactId>tika-core</artifactId>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>org.springframework.security.kerberos</groupId>
|
||||
<artifactId>spring-security-kerberos-core</artifactId>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>org.springframework.security.kerberos</groupId>
|
||||
<artifactId>spring-security-kerberos-web</artifactId>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>org.bouncycastle</groupId>
|
||||
<artifactId>bcprov-jdk15on</artifactId>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>org.bouncycastle</groupId>
|
||||
<artifactId>bcpkix-jdk15on</artifactId>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>org.mnode.ical4j</groupId>
|
||||
<artifactId>ical4j</artifactId>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>net.javacrumbs.shedlock</groupId>
|
||||
<artifactId>shedlock-spring</artifactId>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<groupId>net.javacrumbs.shedlock</groupId>
|
||||
<artifactId>shedlock-provider-jdbc-template</artifactId>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>ru.cg.webbpm.packages.base</groupId>
|
||||
<artifactId>backend</artifactId>
|
||||
</dependency>
|
||||
</dependencies>
|
||||
|
||||
<build>
|
||||
<plugins>
|
||||
<plugin>
|
||||
<groupId>org.apache.maven.plugins</groupId>
|
||||
<artifactId>maven-compiler-plugin</artifactId>
|
||||
<configuration>
|
||||
<!-- false means true due https://issues.apache.org/jira/browse/MCOMPILER-209 -->
|
||||
<useIncrementalCompilation>false</useIncrementalCompilation>
|
||||
<forceJavacCompilerUse>true</forceJavacCompilerUse>
|
||||
<release>17</release>
|
||||
</configuration>
|
||||
</plugin>
|
||||
|
||||
<plugin>
|
||||
<groupId>org.codehaus.mojo</groupId>
|
||||
<artifactId>build-helper-maven-plugin</artifactId>
|
||||
|
|
@ -359,20 +320,12 @@
|
|||
</plugin>
|
||||
</plugins>
|
||||
</build>
|
||||
|
||||
<profiles>
|
||||
<profile>
|
||||
<id>studio</id>
|
||||
<dependencies>
|
||||
<dependency>
|
||||
<groupId>ru.cg.webbpm.modules.resources</groupId>
|
||||
<artifactId>resources-impl-development</artifactId>
|
||||
</dependency>
|
||||
</dependencies>
|
||||
<build>
|
||||
<plugins>
|
||||
<plugin>
|
||||
<groupId>org.apache.maven.plugins</groupId>
|
||||
<artifactId>maven-war-plugin</artifactId>
|
||||
<configuration>
|
||||
<warName>${project.artifactId}</warName>
|
||||
|
|
@ -380,6 +333,12 @@
|
|||
</plugin>
|
||||
</plugins>
|
||||
</build>
|
||||
<dependencies>
|
||||
<dependency>
|
||||
<groupId>ru.cg.webbpm.modules.resources</groupId>
|
||||
<artifactId>resources-impl-development</artifactId>
|
||||
</dependency>
|
||||
</dependencies>
|
||||
</profile>
|
||||
<profile>
|
||||
<id>dev</id>
|
||||
|
|
|
|||
23
frontend/package-lock.json
generated
Normal file
23
frontend/package-lock.json
generated
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
{
|
||||
"name": "webbpm-frontend",
|
||||
"version": "1.0.0",
|
||||
"lockfileVersion": 1,
|
||||
"requires": true,
|
||||
"dependencies": {
|
||||
"@webbpm/base-package": {
|
||||
"version": "3.175.0",
|
||||
"resolved": "https://repo.micord.ru/repository/npm-all/@webbpm/base-package/-/base-package-3.175.0.tgz",
|
||||
"integrity": "sha512-37i/HbRtKGg3rxOzWkxhuD+FpgAtmUBKErXL81NlQyqAFCw6ag8oLjIncA3mEKc5gtmth9r5jKP6rrqB1qXrxw==",
|
||||
"requires": {
|
||||
"tslib": "^1.9.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"tslib": {
|
||||
"version": "1.14.1",
|
||||
"resolved": "https://repo.micord.ru/repository/npm-all/tslib/-/tslib-1.14.1.tgz",
|
||||
"integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -27,6 +27,7 @@
|
|||
"@angular/platform-browser-dynamic": "7.2.15",
|
||||
"@angular/router": "7.2.15",
|
||||
"@ng-bootstrap/ng-bootstrap": "4.1.1",
|
||||
"@webbpm/base-package": "3.175.0",
|
||||
"ag-grid-angular": "29.0.0-micord.4",
|
||||
"ag-grid-community": "29.0.0-micord.4",
|
||||
"angular-calendar": "0.28.28",
|
||||
|
|
|
|||
|
|
@ -0,0 +1,80 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd" xmlns="http://maven.apache.org/POM/4.0.0"
|
||||
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
|
||||
<modelVersion>4.0.0</modelVersion>
|
||||
<groupId>ru.cg.webbpm.packages.base</groupId>
|
||||
<artifactId>resources</artifactId>
|
||||
<version>3.175.0</version>
|
||||
<organization>
|
||||
<name>Micord</name>
|
||||
</organization>
|
||||
<scm>
|
||||
<connection>scm:git:git://gitserver/webbpm/webbpm-components.git/resources</connection>
|
||||
</scm>
|
||||
<distributionManagement>
|
||||
<repository>
|
||||
<id>micord</id>
|
||||
<name>Micord Release repository</name>
|
||||
<url>https://repo.micord.ru/repository/packages-releases-local/</url>
|
||||
</repository>
|
||||
<snapshotRepository>
|
||||
<id>snapshots</id>
|
||||
<name>Micord Snapshots repository</name>
|
||||
<url>https://repo.micord.ru/repository/packages-snapshots-local/</url>
|
||||
</snapshotRepository>
|
||||
</distributionManagement>
|
||||
<properties>
|
||||
<spring-security-kerberos.version>1.0.1.RELEASE</spring-security-kerberos.version>
|
||||
<metadata.ts.path>${project.parent.basedir}/frontend/target</metadata.ts.path>
|
||||
<jooq.version>3.19.3</jooq.version>
|
||||
<jupiter.version>5.10.2</jupiter.version>
|
||||
<org.bouncycastle.version>1.60</org.bouncycastle.version>
|
||||
<enforcer.manageVersions>true</enforcer.manageVersions>
|
||||
<webbpm-platform.version>3.175.0</webbpm-platform.version>
|
||||
<h2.version>1.4.200</h2.version>
|
||||
<build.timestamp>0712144513</build.timestamp>
|
||||
<project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
|
||||
<junit.platform.version>1.10.0</junit.platform.version>
|
||||
<enforcer.manageExclusions>true</enforcer.manageExclusions>
|
||||
<revision>3.175.0</revision>
|
||||
<metadata.ts.filename>typescript.metadata.json</metadata.ts.filename>
|
||||
<package.repository.url>https://repo.micord.ru</package.repository.url>
|
||||
<maven.build.timestamp.format>MMddHHmmss</maven.build.timestamp.format>
|
||||
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
|
||||
<metadata.java.path>${project.parent.basedir}/backend/target</metadata.java.path>
|
||||
<nexus.url>https://repo.micord.ru</nexus.url>
|
||||
<metadata.java.filename>java.metadata</metadata.java.filename>
|
||||
</properties>
|
||||
<dependencies>
|
||||
<dependency>
|
||||
<groupId>ru.cg.webbpm.packages.base</groupId>
|
||||
<artifactId>converters</artifactId>
|
||||
<version>3.175.0</version>
|
||||
<scope>compile</scope>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>ru.cg.webbpm.packages.base</groupId>
|
||||
<artifactId>backend</artifactId>
|
||||
<version>3.175.0</version>
|
||||
<scope>compile</scope>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>ru.cg.webbpm.packages.base</groupId>
|
||||
<artifactId>frontend</artifactId>
|
||||
<version>3.175.0</version>
|
||||
<scope>compile</scope>
|
||||
</dependency>
|
||||
</dependencies>
|
||||
<repositories>
|
||||
<repository>
|
||||
<id>micord-public</id>
|
||||
<name>micord-public</name>
|
||||
<url>https://repo.micord.ru/repository/maven-public</url>
|
||||
</repository>
|
||||
<repository>
|
||||
<id>micord</id>
|
||||
<name>micord</name>
|
||||
<url>https://repo.micord.ru/repository/maven-micord</url>
|
||||
</repository>
|
||||
</repositories>
|
||||
</project>
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
Manifest-Version: 1.0
|
||||
Created-By: Maven Jar Plugin 3.2.0
|
||||
Build-Jdk-Spec: 17
|
||||
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
|
||||
<componentsPackage>
|
||||
<categories>
|
||||
<category>
|
||||
<name>containers</name>
|
||||
<weight>11000</weight>
|
||||
</category>
|
||||
<category>
|
||||
<name>grids</name>
|
||||
<weight>10000</weight>
|
||||
</category>
|
||||
<category>
|
||||
<name>editable-grids</name>
|
||||
<weight>9000</weight>
|
||||
</category>
|
||||
<category>
|
||||
<name>buttons</name>
|
||||
<weight>8000</weight>
|
||||
</category>
|
||||
<category>
|
||||
<name>fields</name>
|
||||
<weight>6000</weight>
|
||||
</category>
|
||||
<category>
|
||||
<name>filters</name>
|
||||
<weight>5000</weight>
|
||||
</category>
|
||||
</categories>
|
||||
<localization>META-INF/components/localization/default-components</localization>
|
||||
</componentsPackage>
|
||||
|
|
@ -0,0 +1,71 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/BpmnStartProcessVariable.ts.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – </title>
|
||||
<link rel="stylesheet" href="../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../css/site.css" />
|
||||
<link rel="stylesheet" href="../css/print.css" media="print" />
|
||||
<script src="../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<p>Описание: скрипт предназначен для записи значения объекта в переменную и передачи заполненной переменной в другой процесс во время его запуска.<br />
|
||||
Скрипт накидывается на объект, значение которого мы хотим сохранить в переменную.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование </th>
|
||||
<th> Назначение </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Variable Name </td>
|
||||
<td> Строкой указываем имя переменной, в которую будет сохранено значение объекта. Переменная с таким именем (наименование должно быть идентичным) должна существовать в процессе, который будет запущен после текущего процесса. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Type </td>
|
||||
<td> Указывается тип переменной. </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p><b>Механизм работы:</b></p>
|
||||
<p>- в текущем процессе Test накинули скрипт BpmnStartProcessVariable на TextField, указали переменную var1. Переменная была создана в процессе Test2.<br />
|
||||
- запускаем процесс Test2, в это время происходит поиск всех скриптов BpmnStartProcessVariable, записываются значения объектов в указанные переменные. Запускается процесс Test2, переменная var1 заполнена значением с TextField</p>
|
||||
<p><img src="/download/attachments/23199756/Screenshot_4.png?version=1&modificationDate=1548732589621&api=v2" alt="" /></p>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,70 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/index.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Кнопки</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Кнопки</h1>
|
||||
<ul>
|
||||
|
||||
<li><a href="Кнопка.html">Кнопка</a></li>
|
||||
<li><a href="Кнопка_навигации.html">Кнопка навигации</a></li>
|
||||
<li><a href="Кнопка_сохранения.html">Кнопка сохранения</a></li>
|
||||
<li><a href="Кнопка_удаления.html">Кнопка удаления</a></li>
|
||||
<li><a href="Кнопка_отмены.html">Кнопка отмены</a></li>
|
||||
<li><a href="Кнопка_выбора.html">Кнопка выбора</a></li>
|
||||
<li><a href="Кнопка_для_фильтрации.html">Кнопка для фильтрации</a></li>
|
||||
<li><a href="Кнопка_очистки_фильтра.html">Кнопка очистки фильтра</a></li>
|
||||
<li><a href="Кнопка_вызова_ошибки.html">Кнопка вызова ошибки</a></li>
|
||||
<li><a href="Кнопка_выполнения_SQL.html">Кнопка выполнения SQL</a></li>
|
||||
<li><a href="Кнопка_загрузки.html">Кнопка загрузки</a></li>
|
||||
<li><a href="reporting/Кнопка_печати_из_графа_сущности.html">Кнопка печати из графа сущности</a></li>
|
||||
<li><a href="reporting/Кнопка_печати_отчета_из_формы.html">Кнопка печати отчета из формы</a></li>
|
||||
<li><a href="Кнопка_запуска_бизнес-процесса.html">Кнопка запуска бизнес-процесса</a></li>
|
||||
<li><a href="Кнопка_подписи.html">Кнопка подписи</a></li>
|
||||
<li><a href="Кнопка_проверки_подписи.html">Кнопка проверки подписи</a></li>
|
||||
<li><a href="Кнопка_выполнения_бизнес-процесса.html">Кнопка выполнения бизнес-процесса</a></li>
|
||||
</ul>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,86 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/reporting/Как_добавить_кнопку_печати_из_графа_сущности_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить кнопку печати из графа сущности на страницу?</title>
|
||||
<link rel="stylesheet" href="../../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../../css/print.css" media="print" />
|
||||
<script src="../../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить кнопку печати из графа сущности на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b> необходимо реализовать на пользовательской странице элемент <i>Кнопка печати из графа сущности</i>, при нажатии на которую будет сформирован отчет в формате XLSX. Кнопка печати отчета из формы будет иметь следующие настройки:</p>
|
||||
<ul>
|
||||
|
||||
<li>надпись поля -<i>Печать</i></li>
|
||||
<li>граф сущности - monthly_data</li>
|
||||
<li>список передаваемых параметров с формы в шаблон*-2*</li>
|
||||
<li>в параметр шаблона отчета первого элемента - Year</li>
|
||||
<li>из поля таблицы первого элемента - year</li>
|
||||
<li>в параметр шаблона отчета второго элемента - Month</li>
|
||||
<li>из поля таблицы второгоэлемента -month**</li>
|
||||
<li>шаблон файла отчета -приложение.jrxml</li>
|
||||
<li>формат выходного файла -XLSX</li>
|
||||
</ul>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что пользовательская страница уже создана бизнес-аналитиком, где имеется <b><i>основная компонента <a href="../../containers/Форма.md">Форма</a></i></b> и шаблон файла отчета <i>приложение.jrxml,</i> в котором имеются входные параметры <b>Year</b> и <b>Month</b>. Для добавления на страницу и настройки кнопки печати из графа сущности необходимо сделать следующее:</p>
|
||||
<ul>
|
||||
|
||||
<li>добавить внутрь <b><a href="../../containers/Форма.md">Формы</a></b> компоненту <b>Кнопка печати из графа сущности</b> (рис.1)</li>
|
||||
<li>произвести настройки согласно условию задачи (рис.1)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23203093/23203160.png" alt="" /></p>
|
||||
<p>рис.1. Добавление кнопки печати из графа сущности на страницу</p>
|
||||
<p><b><span class="underline">Результат выполнения задачи:</span></b></p>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что условия задачи соблюдены (рис.2)</p>
|
||||
<p>рис.2. Визуальное отображение выполнения условий задачи</p>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="../../../images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23203093/23203160.png">image2019-2-28_14-11-59.png</a> (image/png)<br />
|
||||
<img src="../../../images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23203093/23203171.png">image2019-2-27_16-25-37.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,87 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/reporting/Как_добавить_кнопку_печати_отчета_из_формы_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить кнопку печати отчета из формы на страницу?</title>
|
||||
<link rel="stylesheet" href="../../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../../css/print.css" media="print" />
|
||||
<script src="../../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить кнопку печати отчета из формы на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b> необходимо реализовать на пользовательской странице элемент <i>Кнопка печати отчета из формы</i>, при нажатии на которую будет сформирован отчет в формате XLSX. Кнопка печати отчета из формы будет иметь следующие настройки:</p>
|
||||
<ul>
|
||||
|
||||
<li>надпись поля -<i>Печать</i></li>
|
||||
<li>компонент “Форма” - Форма</li>
|
||||
<li>список передаваемых параметров с формы в шаблон <i>- 2</i></li>
|
||||
<li>в параметр шаблона отчета первого элемента - Date_Begin</li>
|
||||
<li>из поля формыпервого элемента - DateTimePicker_date_form</li>
|
||||
<li>в параметр шаблона отчета второго элемента - Date_End</li>
|
||||
<li>из поля формывторогоэлемента -DateTimePicker_to_date**</li>
|
||||
<li>шаблон файла отчета - приложение.jrxml</li>
|
||||
<li>формат выходного файла -XLSX</li>
|
||||
</ul>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что пользовательская страница уже создана бизнес-аналитиком, где имеется <b><i>основная компонента <a href="../../containers/Форма.md">Форма</a></i></b> и шаблон файла отчета <i>приложение.jrxml,</i> в котором имеются входные параметры Date_Begin и Date_End. Для добавления на страницу и настройки кнопки печати отчета из формы необходимо сделать следующее:</p>
|
||||
<ul>
|
||||
|
||||
<li>добавить внутрь <b><a href="../../containers/Форма.md">Формы</a></b> компоненту <b>Кнопка печати отчета из формы</b> (рис.1)</li>
|
||||
<li>произвести настройки согласно условию задачи (рис.1)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23202908/23203041.png" alt="" /></p>
|
||||
<p>рис.1. Добавление кнопки печати отчета из формы на страницу</p>
|
||||
<p><b><span class="underline">Результат выполнения задачи:</span></b></p>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что условия задачи соблюдены (рис.2)</p>
|
||||
<p><img src="../../../attachments/23202908/23203043.png" alt="" /></p>
|
||||
<p>рис.2. Визуальное отображение выполнения условий задачи</p>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="../../../images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202908/23203041.png">image2019-2-27_16-8-7.png</a> (image/png)<br />
|
||||
<img src="../../../images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202908/23203043.png">image2019-2-27_16-25-37.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,118 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/reporting/Кнопка_печати_из_графа_сущности.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Кнопка печати из графа сущности</title>
|
||||
<link rel="stylesheet" href="../../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../../css/print.css" media="print" />
|
||||
<script src="../../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Кнопка печати из графа сущности</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Кнопка печати из графа сущности</b> - это компонента, которая используется для печати данных, источником который служат значения из графа сущности. В результате нажатия на кнопку формируется документ в одном из заданных форматов: ODT, PDF, DOCX, XLSX.</p>
|
||||
<p>Компонента <b>Кнопка печати из графа сущности</b> находится в разделе <b>Компоненты - Кнопки - Кнопка печати из графа сущности</b></p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../../control-properties.md">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения</th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Надпись на кнопке </td>
|
||||
<td> позволяет задать наименование кнопки </td>
|
||||
<td> <i>пример возможного значения:</i> Печать </td></tr>
|
||||
<tr class="a">
|
||||
<td> Текст подтверждения при нажатии </td>
|
||||
<td> позволяет задать текст сообщения, который отобразится в диалоговом окне после нажатия на кнопку </td>
|
||||
<td> <i>пример возможного значения:</i> Вы действительно хотите напечатать отчет? </td></tr>
|
||||
<tr class="b">
|
||||
<td> Основные параметры (Формировать отчет по собственному графу) </td>
|
||||
<td> Позволяет задать настройки формирования отчета. </td>
|
||||
<td> Сохранить используя - позволяет задать объект,в котором будет происходить сохранение сформированного документа в базу. Скачать сразу после формирования - позволяет задать автоматическое скачивание сформированного отчета </td></tr>
|
||||
<tr class="a">
|
||||
<td> Файл шаблона и передача параметров (Формировать отчет по собственному графу) </td>
|
||||
<td> Позволяет задать файл шаблона отчета и формат выходного файла </td>
|
||||
<td> Список передаваемых параметров с формы в шаблон - позволяет добавить элементы, которые будут печататься. Граф сущностей - выбор графа сущностей, откуда будут печататься данные. Шаблон файла отчета - позволяет задать jasper шаблон, на основе которого будет формироваться документ. Формат выходного файла - позволяет задать расширение формируемого документа (ODT, PDF, DOCX, XLSX, XLS, CSV) </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<h1>Функции</h1>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b><img src="../../../attachments/23202633/23203086.png" alt="" />.</b></p>
|
||||
<p>Вследствие технических особенностей реализации скриптов (</p>
|
||||
<p><img src="../../../attachments/23202633/23203087.png" alt="" /> - скрипты выполняются удаленно на сервере приложений,</p>
|
||||
<p><img src="../../../attachments/23202633/23203088.png" alt="" /> - скрипты выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p>
|
||||
<h1>Методические рекомендации по применению</h1>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_кнопку_печати_из_графа_сущности_на_страницу_.html">Как добавить кнопку печати из графа сущности на страницу?</a></li>
|
||||
</ul>
|
||||
<h1>Часто задаваемые вопросы</h1>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Чем отличается компонента <b>Кнопка печати из графа сущности</b> от компоненты <a href="Кнопка_печати_отчета_из_формы.html">Кнопка печати отчета из формы</a> </td>
|
||||
<td> Компонента Кнопка печати отчета из формы предназначена для формирования отчета, в который подставляются значения с формы, Кнопка печати из графа сущности предназначена для формирования отчета, в который подставляются значения из графа сущностей. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Все ли свойства компоненты обязательны для заполнения </td>
|
||||
<td> Нет. Свойства компоненты определяются в зависимости от решаемой задачи. </td></tr>
|
||||
<tr class="b">
|
||||
<td> Как в Jaspersoft Studio связать локальные параметры датасета c глобальными параметрами отчета </td>
|
||||
<td> Table -> Properties -> вкладка Dataset -> Parameters. Тут добавляйте параметр датасета и в Expression вставляйте необходимый глобальный параметр отчета (Подробнее <a class="externalLink" href="https://www.stewshack.com/post/jasper-table-parameters">тут</a>) </td></tr>
|
||||
</tbody>
|
||||
</table></section></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,117 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/reporting/Кнопка_печати_отчета_из_формы.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Кнопка печати отчета из формы</title>
|
||||
<link rel="stylesheet" href="../../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../../css/print.css" media="print" />
|
||||
<script src="../../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Кнопка печати отчета из формы</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Кнопка печати отчета из формы</b> - это компонента, которая используется для печати данных, источником который служат значения из формы страницы. В результате нажатия на кнопку формируется документ в одном из заданных форматов: ODT, PDF, DOCX, XLSX.</p>
|
||||
<p>Компонента <b>Кнопка печати отчета из формы</b> находится в разделе <b>Компоненты - Кнопки - Кнопка печати отчета из формы</b></p>
|
||||
<h1>Свойства</h1>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения</th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Надпись на кнопке </td>
|
||||
<td> позволяет задать наименование кнопки </td>
|
||||
<td> <i>пример возможного значения:</i> Печать </td></tr>
|
||||
<tr class="a">
|
||||
<td> Текст подтверждения при нажатии </td>
|
||||
<td> позволяет задать текст сообщения, который отобразится в диалоговом окне после нажатия на кнопку </td>
|
||||
<td> <i>пример возможного значения:</i> Вы действительно хотите напечатать отчет? </td></tr>
|
||||
<tr class="b">
|
||||
<td> Основные параметры (Формировать отчет из значений полей компонента “Форма”) </td>
|
||||
<td> позволяет задать настройки формирования отчета </td>
|
||||
<td> Сохранить используя - позволяет задать объект,в которомбудет происходить сохранение сформированного документа в базу. Скачать сразу после формирования - позволяет задать автоматическое скачивание сформированного отчета. Компонент <b>Форма</b> - позволяет задать объект типа Форма, поля которого печатаются по нажатию на кнопку </td></tr>
|
||||
<tr class="a">
|
||||
<td> Файл шаблона и передача параметров (Формировать отчет из значений полей компонента “Форма”) </td>
|
||||
<td> позволяет задать файл шаблона отчета и формат выходного файла </td>
|
||||
<td> Список передаваемых параметров с формы в шаблон - позволяет добавить элементы, которые будут печататься. Шаблон файла отчета - позволяет задать jasper шаблон, на основе которого будет формироваться документ. Формат выходного файла - позволяет задать расширение формируемого документа (ODT, PDF, DOCX, XLSX, XLS, CSV). </td></tr>
|
||||
</tbody>
|
||||
</table><section>
|
||||
<h2><a name="a.D0.A4.D1.83.D0.BD.D0.BA.D1.86.D0.B8.D0.B8"></a>Функции</h2>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b><img src="../../../attachments/23202635/23202880.png" alt="" />.</b></p>
|
||||
<p>Вследствие технических особенностей реализации скриптов (</p>
|
||||
<p><img src="../../../attachments/23202635/23202881.png" alt="" /> - скрипты выполняются удаленно на сервере приложений,</p>
|
||||
<p><img src="../../../attachments/23202635/23202882.png" alt="" /> - скрипты выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p></section></section><section>
|
||||
<h2><a name="a.D0.9C.D0.B5.D1.82.D0.BE.D0.B4.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D0.B5_.D1.80.D0.B5.D0.BA.D0.BE.D0.BC.D0.B5.D0.BD.D0.B4.D0.B0.D1.86.D0.B8.D0.B8_.D0.BF.D0.BE_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E"></a>Методические рекомендации по применению</h2>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_кнопку_печати_отчета_из_формы_на_страницу_.html">Как добавить кнопку печати отчета из формы на страницу?</a></li>
|
||||
</ul></section><section>
|
||||
<h2><a name="a.D0.A7.D0.B0.D1.81.D1.82.D0.BE_.D0.B7.D0.B0.D0.B4.D0.B0.D0.B2.D0.B0.D0.B5.D0.BC.D1.8B.D0.B5_.D0.B2.D0.BE.D0.BF.D1.80.D0.BE.D1.81.D1.8B"></a>Часто задаваемые вопросы</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Чем отличается компонента <b>Кнопка печати отчета из формы</b> от компоненты <a href="Кнопка_печати_из_графа_сущности.html">Кнопка печати из графа сущности</a> </td>
|
||||
<td> Компонента Кнопка печати отчета из формы предназначена для формирования отчета, в который подставляются значения с формы, Кнопка печати из графа сущности предназначена для формирования отчета,в который подставляются значения из графа сущностей. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Все ли свойства компоненты обязательны для заполнения </td>
|
||||
<td> Нет. Свойства компоненты определяются в зависимости от решаемой задачи. При использовании подотчетов (subreports) при разработке основного отчета в Jaspersoft Studio следует указывать полный путь до подотчетаотносительно папки resourcesстудии (в файловой системе resources/src/main/resources) </td></tr>
|
||||
<tr class="b">
|
||||
<td> Как в Jaspersoft Studio связать локальные параметры датасета c глобальными параметрами отчета </td>
|
||||
<td> Table -> Properties -> вкладка Dataset -> Parameters. Тут добавляйте параметр датасета и в Expression вставляйте необходимый глобальный параметр отчета (Подробнее <a class="externalLink" href="https://www.stewshack.com/post/jasper-table-parameters">тут</a>) </td></tr>
|
||||
</tbody>
|
||||
</table></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,90 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Как_добавить_кнопку_выбора_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить кнопку выбора на страницу?</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить кнопку выбора на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b> необходимо реализовать на пользовательской странице элемент <i>Кнопка выбора</i>, при нажатии на которую открывается страница с информацией по выбранной записи из таблицы реестра Рабочий журнал ЛВИ. Кнопка выбора будет иметь следующие настройки:</p>
|
||||
<ul>
|
||||
|
||||
<li>надпись поля -<i>Открыть</i></li>
|
||||
<li>возможность выбора более 1 записи - Не отмечено</li>
|
||||
<li>компонент для выбора записей -Таблица</li>
|
||||
<li>значение переменной навигации - open</li>
|
||||
</ul>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что пользовательская страница уже создана бизнес-аналитиком, где имеется ***основные компоненты <a href="../containers/Форма.md">Форма</a> и <a href="../grids/Таблица.md">Таблица</a>***. Для добавления на страницу и настройки кнопки выбора необходимо сделать следующее:</p>
|
||||
<ul>
|
||||
|
||||
<li>добавить внутрь <b><a href="../containers/Форма.md">Формы</a></b> компоненту <b>Кнопка выбора</b> (рис.1)</li>
|
||||
<li>произвести настройки согласно условию задачи (рис.1)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23202284/23202382.png" alt="" /></p>
|
||||
<p>рис.1. Добавление кнопки выбора на страницу</p>
|
||||
<p><b><span class="underline">Результат выполнения задачи:</span></b></p>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что условия задачи соблюдены (рис.2)</p>
|
||||
<p><img src="../../attachments/23202284/23202379.png" alt="" /></p>
|
||||
<p>рис.2. Визуальное отображение выполнения условий задачи, кнопка выбора не активна</p>
|
||||
<p>рис.3. Визуальное отображение выполнения условий задачи, кнопка выбора активна</p>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202284/23202285.png">image2019-2-22_16-5-1.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202284/23202286.png">image2019-2-22_16-8-39.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202284/23202374.png">image2019-2-25_13-46-15.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202284/23202375.png">image2019-2-25_13-47-53.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202284/23202376.png">image2019-2-25_13-53-38.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202284/23202379.png">image2019-2-25_14-6-31.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202284/23202380.png">image2019-2-25_14-9-36.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202284/23202381.png">image2019-2-25_14-11-18.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202284/23202382.png">image2019-2-25_14-13-15.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,80 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Как_добавить_кнопку_вызова_ошибки_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить кнопку вызова ошибки на страницу?</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить кнопку вызова ошибки на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b> необходимо реализовать на пользовательской странице элемент <i>Кнопка вызова ошибки</i>, при нажатии на которую будет появляться сообщение об ошибки. Кнопка загрузки будет иметь следующие настройки:</p>
|
||||
<ul>
|
||||
|
||||
<li>надпись поля -Ошибка</li>
|
||||
<li>задается наименование ошибки -Отсутствует соединение**</li>
|
||||
</ul>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что пользовательская страница уже создана бизнес-аналитиком, где имеется ***основная компонента <a href="../containers/Форма.md">Форма</a>***. Для добавления на страницу и настройки кнопки вызова ошибки необходимо сделать следующее:</p>
|
||||
<ul>
|
||||
|
||||
<li>добавить внутрь <b><a href="../containers/Форма.md">Формы</a></b> компоненту <b>Кнопка вызова ошибки</b> (рис.1)</li>
|
||||
<li>произвести настройки согласно условию задачи (рис.1)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23203460/23203728.png" alt="" /></p>
|
||||
<p>рис.1. Добавление кнопки вызова ошибки на страницу</p>
|
||||
<p><b><span class="underline">Результат выполнения задачи:</span></b></p>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что условия задачи соблюдены (рис.2)</p>
|
||||
<p><img src="../../attachments/23203460/23203730.png" alt="" /></p>
|
||||
<p>рис.2. Визуальное отображение выполнения условий задачи</p>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23203460/23203728.png">image2019-3-4_14-48-38.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23203460/23203730.png">image2019-3-4_14-50-14.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,103 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Как_добавить_кнопку_выполнения_SQL_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить кнопку выполнения SQL на страницу?</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить кнопку выполнения SQL на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b> необходимо реализовать на пользовательской странице элемент <i>Кнопка выполнения SQL</i>, при нажатии на которую будет выполняться SQL-скрипт. Кнопка выполнения SQL будет иметь следующие настройки:</p>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
|
||||
<p>надпись поля -В архив</p>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<p>текст подтверждения при нажатии -Вы действительно хотите переместить выбранные задачи в архив?</p>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<p>текст SQL запроса <i><i>-</i></i></p>
|
||||
<p>update tasks<br />
|
||||
set status_id =<br />
|
||||
(<br />
|
||||
select task_statuses_id<br />
|
||||
from task_statuses<br />
|
||||
where status_code =‘ARCHIVED’<br />
|
||||
)</p>
|
||||
<p>where task_id=ANY(?)</p>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<p>параметры запроса, элемент - Таблица “Задачи”, Таблица.Get Select Values</p>
|
||||
</li>
|
||||
</ul>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что пользовательская страницауже создана бизнес-аналитиком, где имеется ***основная компонента Таблица “Задачи”***. Для добавления на страницу и настройки кнопки выполнения SQL необходимо сделать следующее:</p>
|
||||
<ul>
|
||||
|
||||
<li>добавить внутрь <b><a href="../containers/Форма.md">Формы</a></b> компоненту <b>Кнопка выполнения SQL</b> (рис.1)</li>
|
||||
<li>произвести настройки согласно условию задачи (рис.1)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23203378/23205185.png" alt="" /></p>
|
||||
<p>рис.1. Добавление кнопки выполнения SQL на страницу</p>
|
||||
<p><b><span class="underline">Результат выполнения задачи:</span></b></p>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что условия задачи соблюдены (рис.2)</p>
|
||||
<p><img src="../../attachments/23203378/23205665.png" alt="" /></p>
|
||||
<p>рис.2 Визуальное отображение выполнения условий задачи</p>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23203378/23203758.png">image2019-3-4_16-43-22.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23203378/23205185.png">image2019-3-13_15-51-36.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23203378/23205665.png">image2019-3-18_16-55-0.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,81 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Как_добавить_кнопку_для_фильтрации_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить кнопку для фильтрации на страницу?</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить кнопку для фильтрации на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b> необходимо реализовать на пользовательской странице элемент <i>Кнопка для фильтрации</i>, при нажатии на которую будет отфильтрован список организаций. Кнопка для фильтрации будет иметь следующие настройки:</p>
|
||||
<ul>
|
||||
|
||||
<li>надпись поля -<i>Применить</i></li>
|
||||
<li>компонет “Набор фильтров” <i>- набор фильтров</i></li>
|
||||
</ul>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что пользовательская страницауже создана бизнес-аналитиком, где имеется ***основные компоненты <a href="../containers/Форма.md">Форма</a> и <a href="../containers/Набор_фильтров.md">Набор фильтров</a>***. Для добавления на страницу и настройки кнопки для фильтрации необходимо сделать следующее:</p>
|
||||
<ul>
|
||||
|
||||
<li>добавить внутрь <b><a href="../containers/Форма.md">Формы</a></b> компоненту <b>Кнопка для фильтрации</b> (рис.1)</li>
|
||||
<li>произвести настройки согласно условию задачи (рис.1)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23202501/23202576.png" alt="" /></p>
|
||||
<p>рис.1. Добавление кнопки для фильтрации на страницу</p>
|
||||
<p><b><span class="underline">Результат выполнения задачи:</span></b></p>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что условия задачи соблюдены (рис.2)</p>
|
||||
<p><img src="../../attachments/23202501/23202537.png" alt="" /></p>
|
||||
<p>рис.2. Визуальное отображение выполнения условий задачи</p>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202501/23202536.png">image2019-2-25_16-52-1.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202501/23202537.png">image2019-2-25_16-52-54.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202501/23202576.png">image2019-2-26_10-21-57.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,82 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Как_добавить_кнопку_загрузки_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить кнопку загрузки на страницу?</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить кнопку загрузки на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b> необходимо реализовать на пользовательской странице элемент <i>Кнопка загрузки</i>, при нажатии на которую будет скачиваться файл из базы данных. Кнопка загрузки будет иметь следующие настройки:</p>
|
||||
<ul>
|
||||
|
||||
<li>поле должно иметь всплывающую подсказку -Для загрузки файла нажмите на кнопку</li>
|
||||
<li>надпись поля - Скачать</li>
|
||||
<li>текст подтверждения при нажатии -Вы действительно хотите скачать файл?</li>
|
||||
<li>компонет для выбора записи <i>- Таблица</i></li>
|
||||
</ul>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что пользовательская страницауже создана бизнес-аналитиком, где имеется ***основные компоненты <a href="../containers/Форма.md">Форма</a> и <a href="../grids/Таблица.md">Таблица</a>***. Для добавления на страницу и настройки кнопки загрузки необходимо сделать следующее:</p>
|
||||
<ul>
|
||||
|
||||
<li>добавить внутрь <b><a href="../containers/Форма.md">Формы</a></b> компоненту <b>Кнопка загрузки</b> (рис.1)</li>
|
||||
<li>произвести настройки согласно условию задачи (рис.1)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23202742/23202752.png" alt="" /></p>
|
||||
<p>рис.1. Добавление кнопки загрузки на страницу</p>
|
||||
<p><b><span class="underline">Результат выполнения задачи:</span></b></p>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что условия задачи соблюдены (рис.2)</p>
|
||||
<p><img src="../../attachments/23202742/23202803.png" alt="" /></p>
|
||||
<p>рис.2. Визуальное отображение выполнения условий задачи</p>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202742/23202752.png">image2019-2-26_17-3-47.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202742/23202803.png">image2019-2-27_9-39-52.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,86 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Как_добавить_кнопку_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить кнопку на страницу?</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить кнопку на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b> необходимо реализовать на пользовательской странице элемент <i>Кнопка</i>, которая будет иметь следующие настройки:</p>
|
||||
<ul>
|
||||
|
||||
<li>надпись поля -Перейти к заполнению реквизитов</li>
|
||||
<li>скрипт -Вкладки. Управление “Вкладкой”. Переход из текущей на последующую</li>
|
||||
<li>компонента “Вкладки” - Контейнер вкладок</li>
|
||||
<li>шаг перехода к следующей вкладке (число) - 1</li>
|
||||
</ul>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что пользовательская страница и бизнес процесс уже созданы бизнес-аналитиком. Настранице имеется <b><i>основная компонента <a href="../containers/Форма.md">Форма</a>,</i></b> а в ней <b><i><a href="../containers/Контейнер_вкладок.md">Контейнер вкладок</a></i></b> и ***<a href="../containers/Вкладка.md">Вкладка</a>***. Для добавления на страницу и настройки кнопки необходимо сделать следующее:</p>
|
||||
<ul>
|
||||
|
||||
<li>добавить внутрь <b>Вкладки</b> компоненту <b>Кнопка</b> (рис.1)</li>
|
||||
<li>произвести настройки согласно условию задачи (рис.1)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23203269/23203279.png" alt="" /></p>
|
||||
<p>рис.1. Добавление кнопки навигации на страницу</p>
|
||||
<p><b><span class="underline">Результат выполнения задачи:</span></b></p>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что условия задачи соблюдены (рис.2)</p>
|
||||
<p><img src="../../attachments/23203269/23203280.png" alt="" /></p>
|
||||
<p>рис.2. Визуальное отображение выполнения условий задачи</p>
|
||||
<p>При нажатии на кнопку происходит переход на вкладку “Реквизиты” (рис.3)</p>
|
||||
<p><img src="../../attachments/23203269/23203281.png" alt="" /></p>
|
||||
<p>рис.3. Вкладка “Реквизиты”</p>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23203269/23203279.png">image2019-2-28_17-1-54.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23203269/23203280.png">image2019-2-28_17-3-52.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23203269/23203281.png">image2019-2-28_17-5-25.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,84 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Как_добавить_кнопку_навигации_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить кнопку навигации на страницу?</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить кнопку навигации на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b> необходимо реализовать на пользовательской странице элемент <i>Кнопка навигации</i>, которая будет иметь следующие настройки:</p>
|
||||
<ul>
|
||||
|
||||
<li>надпись поля - Открыть</li>
|
||||
<li>поле должно иметь всплывающую подсказку -Для редактирования нажмите на кнопку</li>
|
||||
<li>значение переменной навигации -open</li>
|
||||
</ul>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что пользовательская страница и бизнес процесс уже созданы бизнес-аналитиком. В процессе создана переменная <b><i>open</i></b>, а на странице имеется ***основная компонента <a href="../containers/Форма.md">Форма</a>***. Для добавления на страницу и настройки кнопки навигации необходимо сделать следующее:</p>
|
||||
<ul>
|
||||
|
||||
<li>добавить внутрь <b><a href="../containers/Форма.md">Формы</a></b> компоненту <b>Кнопка навигации</b> (рис.1)</li>
|
||||
<li>произвести настройки согласно условию задачи (рис.1)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23202313/23202334.png" alt="" /></p>
|
||||
<p>рис.1. Добавление кнопки навигации на страницу</p>
|
||||
<p><b><span class="underline">Результат выполнения задачи:</span></b></p>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что условия задачи соблюдены (рис.2)</p>
|
||||
<p><img src="../../attachments/23202313/23202340.png" alt="" /></p>
|
||||
<p>рис.2. Визуальное отображение выполнения условий задачи</p>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202313/23202334.png">image2019-2-25_10-27-36.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202313/23202337.png">image2019-2-22_16-8-39.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202313/23202338.png">image2019-2-25_10-30-16.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202313/23202339.png">image2019-2-25_10-31-0.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202313/23202340.png">image2019-2-25_10-31-28.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,82 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Как_добавить_кнопку_отмены_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить кнопку отмены на страницу?</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить кнопку отмены на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b> необходимо реализовать на пользовательской странице элемент <i>Кнопка отмены</i>, которая будет иметь следующие настройки:</p>
|
||||
<ul>
|
||||
|
||||
<li>надпись поля -<i>Отменить</i></li>
|
||||
<li>поле должно иметь всплывающую подсказку -Для отмены нажмите на кнопку</li>
|
||||
<li>поле должно иметь текст подтверждения при нажатии -Вы действительно хотите отменить изменения?</li>
|
||||
</ul>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что пользовательская страницауже создана бизнес-аналитиком, где имеется ***основная компонента <a href="../containers/Форма.md">Форма</a>***. Для добавления на страницу и настройки кнопки отмены необходимо сделать следующее:</p>
|
||||
<ul>
|
||||
|
||||
<li>добавить внутрь <b><a href="../containers/Форма.md">Формы</a></b> компоненту <b>Кнопка отмены</b> (рис.1)</li>
|
||||
<li>произвести настройки согласно условию задачи (рис.1)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23202248/23202252.png" alt="" /></p>
|
||||
<p>рис.1. Добавление кнопки отмены на страницу</p>
|
||||
<p><b><span class="underline">Результат выполнения задачи:</span></b></p>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что условия задачи соблюдены (рис.2)</p>
|
||||
<p><img src="../../attachments/23202248/23202254.png" alt="" /></p>
|
||||
<p>рис.2. Визуальное отображение выполнения условий задачи</p>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202248/23202252.png">image2019-2-22_16-5-1.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202248/23202253.png">image2019-2-21_16-57-39.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202248/23202254.png">image2019-2-22_16-8-39.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,83 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Как_добавить_кнопку_очистки_фильтра_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить кнопку очистки фильтра на страницу?</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить кнопку очистки фильтра на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b> необходимо реализовать на пользовательской странице элемент <i>Кнопка очистки фильтра</i>, которая будет иметь следующие настройки:</p>
|
||||
<ul>
|
||||
|
||||
<li>надпись поля -<i>Сбросить</i></li>
|
||||
<li>компонет “Набор фильтров” <i>-набор фильтров</i></li>
|
||||
<li>сбросить значения фильтров на значения по умолчанию - <i>отмечено</i></li>
|
||||
<li>применить фильтры после сброса - отмечено</li>
|
||||
</ul>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что пользовательская страницауже создана бизнес-аналитиком, где имеется ***основные компоненты <a href="../containers/Форма.md">Форма</a> и <a href="../containers/Набор_фильтров.md">Набор фильтров</a>***. Для добавления на страницу и настройки кнопки для фильтрации необходимо сделать следующее:</p>
|
||||
<ul>
|
||||
|
||||
<li>добавить внутрь <b><a href="../containers/Форма.md">Формы</a></b> компоненту <b>Кнопка для фильтрации</b> (рис.1)</li>
|
||||
<li>произвести настройки согласно условию задачи (рис.1)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23202616/23202623.png" alt="" /></p>
|
||||
<p>рис.1. Добавление кнопки очистки фильтра на страницу</p>
|
||||
<p><b><span class="underline">Результат выполнения задачи:</span></b></p>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что условия задачи соблюдены (рис.2)</p>
|
||||
<p><img src="../../attachments/23202616/23202621.png" alt="" /></p>
|
||||
<p>рис.2. Визуальное отображение выполнения условий задачи</p>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202616/23202620.png">image2019-2-26_11-4-54.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202616/23202621.png">image2019-2-25_16-52-54.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202616/23202623.png">image2019-2-26_11-12-4.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,86 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Как_добавить_кнопку_сохранения_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить кнопку сохранения на страницу?</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить кнопку сохранения на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b> необходимо реализовать на пользовательской странице элемент <i>Кнопка сохранения</i>, которая будет иметь следующие настройки:</p>
|
||||
<ul>
|
||||
|
||||
<li>надпись поля -<i>Сохранить</i></li>
|
||||
<li>поле должно иметь всплывающую подсказку -Для сохранения нажмите на кнопку</li>
|
||||
<li>поле должно иметь текст подтверждения при нажатии -Вы действительно хотите сохранить изменения?</li>
|
||||
</ul>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что пользовательская страницауже создана бизнес-аналитиком, где имеется ***основная компонента <a href="../containers/Форма.md">Форма</a>***. Для добавления на страницу и настройки кнопки сохранения необходимо сделать следующее:</p>
|
||||
<ul>
|
||||
|
||||
<li>добавить внутрь <b><a href="../containers/Форма.md">Формы</a></b> компоненту <b>Кнопка сохранения</b> (рис.1)</li>
|
||||
<li>произвести настройки согласно условию задачи (рис.1)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23201989/23202030.png" alt="" /></p>
|
||||
<p>рис.1. Добавление кнопки сохранения на страницу</p>
|
||||
<p>Для заполнения параметра <i>Компонент “Форма”</i> необходимо перетащить с помощью мыши объект “Основная форма страницы” из дерева структуры страницы в окно настройки параметров Кнопки сохранения.</p>
|
||||
<p>Также существует удобная функциональность обратного быстрого перехода по дереву структуры страницы к задействованной компоненте посредством клика на параметре Компонент “Форма” Кнопки сохранения, когда есть необходимость уточнить, на какую именно компоненту в дереве ссылается интересующий параметр.</p>
|
||||
<p>рис.2. Заполнение параметра Компонент “Форма”</p>
|
||||
<p><b><span class="underline">Результат выполнения задачи:</span></b></p>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что условия задачи соблюдены (рис.3)</p>
|
||||
<p><img src="../../attachments/23201989/23202151.png" alt="" /></p>
|
||||
<p>рис.3. Визуальное отображение выполнения условий задачи</p>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23201989/23202030.png">image2019-2-21_10-36-52.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23201989/23202032.png">image2019-2-21_11-27-35.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23201989/23202151.png">image2019-2-21_16-52-3.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23201989/23204832.png">image2019-3-12_11-53-43.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,84 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Как_добавить_кнопку_удаления_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить кнопку удаления на страницу?</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить кнопку удаления на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b> необходимо реализовать на пользовательской странице элемент <i>Кнопка удаления</i>, которая будет иметь следующие настройки:</p>
|
||||
<ul>
|
||||
|
||||
<li>надпись поля -<i>Удалить</i></li>
|
||||
<li>поле должно иметь всплывающую подсказку -Для удаления нажмите на кнопку</li>
|
||||
<li>поле должно иметь текст подтверждения при нажатии -Вы действительно хотите удалить запись?</li>
|
||||
</ul>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что пользовательская страницауже создана бизнес-аналитиком, где имеется ***основная компонента <a href="../containers/Форма.md">Форма</a>***. Для добавления на страницу и настройки кнопки сохранения необходимо сделать следующее:</p>
|
||||
<ul>
|
||||
|
||||
<li>добавить внутрь <b><a href="../containers/Форма.md">Формы</a></b> компоненту <b>Кнопка удаления</b> (рис.1)</li>
|
||||
<li>произвести настройки согласно условию задачи (рис.1)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23202076/23202155.png" alt="" /></p>
|
||||
<p>рис.1. Добавление кнопки удаления на страницу</p>
|
||||
<p><b><span class="underline">Результат выполнения задачи:</span></b></p>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что условия задачи соблюдены (рис.2)</p>
|
||||
<p><img src="../../attachments/23202076/23202153.png" alt="" /></p>
|
||||
<p>рис.2. Визуальное отображение выполнения условий задачи</p>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202076/23202079.png">image2019-2-21_14-43-37.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202076/23202080.png">image2019-2-21_11-27-35.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202076/23202082.png">image2019-2-21_14-45-29.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202076/23202153.png">image2019-2-21_16-57-39.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202076/23202155.png">image2019-2-21_17-4-6.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,105 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Кнопка.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Кнопка</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Кнопка</h1>
|
||||
<p><b>Кнопка</b> - это компонента, которая не выполняет никаких действий, но на нее могут быть добавлены скрипты,которые позволят выполнять действий с формой (активация компонент, изменение свойств, т.д.), действий с переменными и действий над данными.</p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../control-properties.md">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения</th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Надпись на кнопке </td>
|
||||
<td> позволяет задать наименование кнопки </td>
|
||||
<td> <i>пример возможного значения:</i> Перейти в реестр услуг </td></tr>
|
||||
<tr class="a">
|
||||
<td> Текст подтверждения при нажатии </td>
|
||||
<td> позволяет задать текст сообщения, который отобразится в диалоговом окне после нажатия на кнопку </td>
|
||||
<td> <i>пример возможного значения:</i> Вы действительно хотите перейти в реестр услуг? </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<h1>Функции</h1>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b><img src="../../attachments/23202625/23203252.png" alt="" /></b></p>
|
||||
<p>Вследствие технических особенностей реализации скриптов (</p>
|
||||
<p><img src="../../attachments/23202625/23203253.png" alt="" /> - скрипты выполняются удаленно на сервере приложений,</p>
|
||||
<p><img src="../../attachments/23202625/23203254.png" alt="" /> - скрипты выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p></section></section><section>
|
||||
<h2><a name="a.D0.9C.D0.B5.D1.82.D0.BE.D0.B4.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D0.B5_.D1.80.D0.B5.D0.BA.D0.BE.D0.BC.D0.B5.D0.BD.D0.B4.D0.B0.D1.86.D0.B8.D0.B8_.D0.BF.D0.BE_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E"></a>Методические рекомендации по применению</h2>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_кнопку_на_страницу_.html">Как добавить кнопку на страницу?</a></li>
|
||||
</ul></section><section>
|
||||
<h2><a name="a.D0.A7.D0.B0.D1.81.D1.82.D0.BE_.D0.B7.D0.B0.D0.B4.D0.B0.D0.B2.D0.B0.D0.B5.D0.BC.D1.8B.D0.B5_.D0.B2.D0.BE.D0.BF.D1.80.D0.BE.D1.81.D1.8B"></a>Часто задаваемые вопросы</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Чем отличается компонента <b>Кнопка</b> от компоненты <a href="Кнопка_навигации.html">Кнопка навигации</a> </td>
|
||||
<td> Компонента Кнопка не выполняет никаких действий, но на нее могут быть добавлены скрипты, кнопка навигации используется для перехода по задачам процесса посредством заданной переменной. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Все ли свойства компоненты обязательны для заполнения </td>
|
||||
<td> Нет. Свойства компоненты определяются в зависимости от решаемой задачи. </td></tr>
|
||||
</tbody>
|
||||
</table></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,117 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Кнопка_выбора.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Кнопка выбора</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Кнопка выбора</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Кнопка выбора</b> - этокомпонента, которая используется для выбора одного или нескольких значений в компоненте Таблица. Кнопка выбора становится активной после выбора хотя бы одной записи.</p>
|
||||
<p>Компонента <b>Кнопка выбора</b> находится в разделе <b>Компоненты - Кнопки - Кнопка выбора</b></p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../control-properties.md">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения</th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Надпись на кнопке </td>
|
||||
<td> позволяет задать наименование кнопки </td>
|
||||
<td> пример возможного значения: Сохранить </td></tr>
|
||||
<tr class="a">
|
||||
<td> Текст подтверждения при нажатии </td>
|
||||
<td> позволяет задать текст сообщения, который отобразится в диалоговом окне после нажатия на кнопку </td>
|
||||
<td> <i>пример возможного значения:</i> Вы действительно хотите сохранить изменения? </td></tr>
|
||||
<tr class="b">
|
||||
<td> Возможность выбора более одной записи </td>
|
||||
<td> позволяет задать возможность выбора нескольких элементов в таблице </td>
|
||||
<td> активно - более 1, не активно - только 1 </td></tr>
|
||||
<tr class="a">
|
||||
<td> Компонент для выбора записи </td>
|
||||
<td> позволяет задать компоненту <a href="../grids/Таблица.md">Таблица</a> в которой будут выбраны элементы </td>
|
||||
<td> </td></tr>
|
||||
<tr class="b">
|
||||
<td> Получить идентификатор выбранной записи </td>
|
||||
<td> позволяет записать идентификатор выбранной записи в переменную процесса </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table><section>
|
||||
<h2><a name="a.D0.A4.D1.83.D0.BD.D0.BA.D1.86.D0.B8.D0.B8"></a>Функции</h2>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b><img src="../../attachments/23201692/23202270.png" alt="" /></b></p>
|
||||
<p>Вследствие технических особенностей реализации функций (функции, которые выполняются удаленно на сервере приложений, функции, которые выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p></section></section><section>
|
||||
<h2><a name="a.D0.9C.D0.B5.D1.82.D0.BE.D0.B4.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D0.B5_.D1.80.D0.B5.D0.BA.D0.BE.D0.BC.D0.B5.D0.BD.D0.B4.D0.B0.D1.86.D0.B8.D0.B8_.D0.BF.D0.BE_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E"></a>Методические рекомендации по применению</h2>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_кнопку_выбора_на_страницу_.html">Как добавить кнопку выбора на страницу?</a></li>
|
||||
</ul></section><section>
|
||||
<h2><a name="a.D0.A7.D0.B0.D1.81.D1.82.D0.BE_.D0.B7.D0.B0.D0.B4.D0.B0.D0.B2.D0.B0.D0.B5.D0.BC.D1.8B.D0.B5_.D0.B2.D0.BE.D0.BF.D1.80.D0.BE.D1.81.D1.8B"></a>Часто задаваемые вопросы</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Чем отличается компонента <b>Кнопка выбора</b> от компоненты <a href="Кнопка.html">Кнопка</a> </td>
|
||||
<td> Компонента Кнопка не выполняет никаких действий, но на нее могут быть добавлены дополнительные функции, кнопка выборка используется для выбора данных на текущей форме. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Все ли свойства компоненты обязательны для заполнения </td>
|
||||
<td> Нет. Свойства компоненты определяются в зависимости от решаемой задачи. </td></tr>
|
||||
</tbody>
|
||||
</table></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,172 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Кнопка_вызова_ошибки.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Кнопка вызова ошибки</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Кнопка вызова ошибки</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Кнопка вызова ошибки</b> - это компонента, которая используется для вызова события ошибки. При этом текущая страница будет закрыта и осуществлен переход по bpmn процессу.</p>
|
||||
<p>Компонента <b>Кнопка вызова ошибки</b> находится в разделе <b>Компоненты - Кнопки - Кнопка вызова ошибки</b></p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../control-properties.md">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения</th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Надпись на кнопке </td>
|
||||
<td> позволяет задать наименование кнопки </td>
|
||||
<td> пример возможного значения: Выполнить запрос </td></tr>
|
||||
<tr class="a">
|
||||
<td> Текст подтверждения при нажатии </td>
|
||||
<td> позволяет задать текст сообщения, который отобразится в диалоговом окне после нажатия на кнопку </td>
|
||||
<td> <i>пример возможного значения:</i> Вы действительно хотите выполнить действие? </td></tr>
|
||||
<tr class="b">
|
||||
<td> Наименование ошибки </td>
|
||||
<td> позволяет задать наименование ошибки </td>
|
||||
<td> <i>пример возможного значения:</i> Отсутсвует соединение </td></tr>
|
||||
</tbody>
|
||||
</table><section>
|
||||
<h2><a name="a.D0.A4.D1.83.D0.BD.D0.BA.D1.86.D0.B8.D0.B8"></a>Функции</h2>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b><img src="../../attachments/23202627/23203448.png" alt="" /></b></p>
|
||||
<p>Вследствие технических особенностей реализации функций (функции, которые выполняются удаленно на сервере приложений, функции, которые выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p></section></section><section>
|
||||
<h2><a name="a.D0.9C.D0.B5.D1.82.D0.BE.D0.B4.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D0.B5_.D1.80.D0.B5.D0.BA.D0.BE.D0.BC.D0.B5.D0.BD.D0.B4.D0.B0.D1.86.D0.B8.D0.B8_.D0.BF.D0.BE_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E"></a>Методические рекомендации по применению</h2>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_кнопку_вызова_ошибки_на_страницу_.html">Как добавить кнопку вызова ошибки на страницу?</a></li>
|
||||
</ul></section><section>
|
||||
<h2><a name="a.D0.9F.D1.80.D0.B8.D0.BC.D0.B5.D1.80_.D0.BD.D0.B0.D1.81.D1.82.D1.80.D0.BE.D0.B9.D0.BA.D0.B8"></a>Пример настройки</h2>
|
||||
<p>Настройка производится в дизайнере процессов и студии.</p><section>
|
||||
<h3><a name="a.D0.9D.D0.B0.D1.81.D1.82.D1.80.D0.BE.D0.B9.D0.BA.D0.B0_.D0.B2_.D0.B4.D0.B8.D0.B7.D0.B0.D0.B9.D0.BD.D0.B5.D1.80.D0.B5_.D0.BF.D1.80.D0.BE.D1.86.D0.B5.D1.81.D1.81.D0.BE.D0.B2"></a><b>Настройка в дизайнере процессов</b></h3>
|
||||
<p>Промежуточное событие ошибки <img src="../../attachments/1212464/image2016-6-28%2012-17-58.png" alt="" /> отражает факт возникновения и/или обработки ошибки в процессе.</p>
|
||||
<p>На Task устанавливается <i>Catching Intermediate Events → Error</i>:</p>
|
||||
<p><img src="../../attachments/1212464/image2016-6-28%2012-19-33.png" alt="" /></p>
|
||||
<p>Таких событий на таск может быть установлено множество. Для того, чтобы осуществлять переход на нужное событие, мы должны прописать уникальную ссылку ErrorRef:</p>
|
||||
<p><img src="../../attachments/1212464/image2016-6-28%2012-29-5.png" alt="" /></p>
|
||||
<p>Это значит, что если по _ErrorButton <i>придет значение “error-connect-client”, то будет выбрано наше событие ошибки.</i></p></section><section>
|
||||
<h3><a name="a.D0.9D.D0.B0.D1.81.D1.82.D1.80.D0.BE.D0.B9.D0.BA.D0.B0_.D0.B2_.D1.81.D1.82.D1.83.D0.B4.D0.B8.D0.B8"></a><b>Настройка в студии</b></h3>
|
||||
<p>Кидаем на страницу компонент ErrorButton.</p>
|
||||
<p>Настраиваем его.</p>
|
||||
<p>В свойство “Error Name” прописываем тот же ErrorRef (см. Настройка в дизайнере процессов), для того чтобы перейти на нужное событие ошибки.</p>
|
||||
<p><img src="../../attachments/1212464/image2016-6-28%2012-34-6.png" alt="" /></p>
|
||||
<ol style="list-style-type: decimal">
|
||||
|
||||
<li>Добавляем <i>ErrorButton</i> на страницу</li>
|
||||
<li>В поле <i>errorName</i> задаем имя ошибки.</li>
|
||||
</ol>
|
||||
<p><img src="../../attachments/1212464/Screenshot%202015-10-01%2013.33.56.png" alt="" /></p><hr /></section></section><section>
|
||||
<h2><a name="a.D0.9E.D0.B1.D1.80.D0.B0.D0.B1.D0.BE.D1.82.D0.BA.D0.B0_.D1.81.D0.BE.D0.B1.D1.8B.D1.82.D0.B8.D1.8F_.D0.B2_BPMN_.D0.BF.D1.80.D0.BE.D1.86.D0.B5.D1.81.D1.81.D0.B5"></a>Обработка события в BPMN процессе</h2>
|
||||
<p>Обработать событие ошибки можно двумя способами:</p>
|
||||
<ol style="list-style-type: decimal">
|
||||
|
||||
<li>Повесить граничный слушатель события (boundary event) на текущий элемент (можно повесить на задачу, вызов подпросцесса, ad-hoc подпроцесс, embedded подпроцесс). В данном случае будет отлавливаться только событие произошедшее в рамках данного элемента.</li>
|
||||
<li>Создать event подпроцесс, в котором стартовое событие будет типа Ошибка. Данный процесс будет обрабатывать событие произошедшее в любом месте диаграммы, в которой он находится.</li>
|
||||
</ol>
|
||||
<p>При этом в свойствах bpmn элемента события нужно поставить свойство _CancelActivity _в_true _и в _ErrorRef <i>прописать имя ошибки (должно совпадать с указанным в кнопке).</i></p>
|
||||
<p><img src="../../attachments/1212464/Screenshot%202015-10-01%2013.51.33.png" alt="" /></p>
|
||||
<p>Примеры:</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Тип обработки </th>
|
||||
<th> Процесс </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Прокидывание ошибки на уровень выше. Имя ошибки у начального и конечного события должно быть разным, иначе jbpm зациклится. </td>
|
||||
<td> <img src="../../attachments/1212464/Screenshot%202015-10-01%2014.09.45.png" alt="" /> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Обработка ошибки event подпроцессом </td>
|
||||
<td> <img src="../../attachments/1212464/Screenshot%202015-10-01%2014.10.44.png" alt="" /> </td></tr>
|
||||
<tr class="b">
|
||||
<td> Граничный обработчик (boundary event) </td>
|
||||
<td> <img src="../../attachments/1212464/Screenshot%202015-10-01%2014.09.35.png" alt="" /> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Граничный обработчик на встроенном подпроцессе </td>
|
||||
<td> <img src="../../attachments/1212464/Screenshot%202015-10-01%2014.10.31.png" alt="" /> </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>вопрос: почему error event не прерывает остальные задачи?</p>
|
||||
<p>По концепции bpmn события не должны сами по себе вызывать никаких действий в процессе. Если нужно прекратить исходную задачу, то нужно использовать прерывающий boundary event или event subprocess. В случае ошибки event subprocess обязан быть прерывающим.</p>
|
||||
<p>В случае jbpm, у него есть особенность, что event subprocess прерывает действие родительского процесса не при старте, а при финише, соответственно получается что и задачи открыто две.</p>
|
||||
<p>Частный случай предыдущего: в Embedded-подпроцессе error event и переход в подпроцесс:</p>
|
||||
<p><img src="../../attachments/1212464/bug%20from%2008.10.2015%2013.14.51%20by%20kote.jpg" alt="" /><br />
|
||||
В этом случае процесс переходит в список задач с ошибкой. Нужно обходить указанную ситуацию с помощью первого примера типа обработки.</p></section><section>
|
||||
<h2><a name="a.D0.94.D0.BE.D0.BF._.D0.B8.D0.BD.D1.84.D0.BE.D1.80.D0.BC.D0.B0.D1.86.D0.B8.D1.8F"></a>Доп. информация</h2>
|
||||
<ol style="list-style-type: decimal">
|
||||
|
||||
<li><a class="externalLink" href="https://camunda.org/bpmn/reference/#events-basic-concepts">Описание BPMN событий от Camunda</a></li>
|
||||
</ol></section><section>
|
||||
<h2><a name="a.D0.A7.D0.B0.D1.81.D1.82.D0.BE_.D0.B7.D0.B0.D0.B4.D0.B0.D0.B2.D0.B0.D0.B5.D0.BC.D1.8B.D0.B5_.D0.B2.D0.BE.D0.BF.D1.80.D0.BE.D1.81.D1.8B"></a>Часто задаваемые вопросы</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> В каких случаях целесообразно использование кнопки вызова ошибки? </td>
|
||||
<td> Компонента <b>Кнопка вызова ошибки</b> предназначена для вызова события ошибки, она используется когда в bpmn процессе пользователю позволяется вызвать ошибку с последующим переходом на новую задачу. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Все ли свойства компоненты обязательны для заполнения </td>
|
||||
<td> Нет. Свойства компоненты определяются в зависимости от решаемой задачи. </td></tr>
|
||||
</tbody>
|
||||
</table></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,117 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Кнопка_выполнения_SQL.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Кнопка выполнения SQL</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Кнопка выполнения SQL</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Кнопка выполнения SQL</b> - это компонента, которая используется для асинхронного выполнения SQL-запроса без покидания/перезагрузки страницы.</p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../control-properties.md">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения</th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Надпись на кнопке </td>
|
||||
<td> позволяет задать наименование кнопки </td>
|
||||
<td> пример возможного значения: Выполнить запрос </td></tr>
|
||||
<tr class="a">
|
||||
<td> Текст подтверждения при нажатии </td>
|
||||
<td> позволяет задать текст сообщения, который отобразится в диалоговом окне после нажатия на кнопку </td>
|
||||
<td> <i>пример возможного значения:</i> Вы действительно хотите выполнить SQL запрос? </td></tr>
|
||||
<tr class="b">
|
||||
<td> Набор параметров для выполнения запроса </td>
|
||||
<td> настройка связи источника значений для подстановки в переменные (параметры) запроса, указывается последовательный номер параметра в запросе (начиная с 1) и объект-источник значения </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Тело SQL запроса к базе данных </td>
|
||||
<td> ввод текста SQL </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table><section>
|
||||
<h2><a name="a.D0.A4.D1.83.D0.BD.D0.BA.D1.86.D0.B8.D0.B8"></a>Функции</h2>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b><img src="../../attachments/23202629/23203383.png" alt="" />.</b></p>
|
||||
<p>Вследствие технических особенностей реализации скриптов(</p>
|
||||
<p><img src="../../attachments/23202629/23203384.png" alt="" /> - скрипты выполняются удаленно на сервере приложений,</p>
|
||||
<p><img src="../../attachments/23202629/23203385.png" alt="" /> - скрипты выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="О../пределить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p></section></section><section>
|
||||
<h2><a name="a.D0.9C.D0.B5.D1.82.D0.BE.D0.B4.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D0.B5_.D1.80.D0.B5.D0.BA.D0.BE.D0.BC.D0.B5.D0.BD.D0.B4.D0.B0.D1.86.D0.B8.D0.B8_.D0.BF.D0.BE_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E"></a>Методические рекомендации по применению</h2>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_кнопку_выполнения_SQL_на_страницу_.html">Как добавить кнопку выполнения SQL на страницу?</a></li>
|
||||
</ul></section><section>
|
||||
<h2><a name="a.D0.A7.D0.B0.D1.81.D1.82.D0.BE_.D0.B7.D0.B0.D0.B4.D0.B0.D0.B2.D0.B0.D0.B5.D0.BC.D1.8B.D0.B5_.D0.B2.D0.BE.D0.BF.D1.80.D0.BE.D1.81.D1.8B"></a>Часто задаваемые вопросы</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Чем отличается компонента <b>Кнопка выполнения SQL</b> от компоненты <a href="Кнопка.html">Кнопка</a> </td>
|
||||
<td> Компонента Кнопкане выполняет никаких действий, но на нее могут быть добавлены скрипты, кнопка выполнения SQLиспользуется для асинхронного выполнения SQL-запроса. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Все ли свойства компоненты обязательны для заполнения </td>
|
||||
<td> Нет. Свойства компоненты определяются в зависимости от решаемой задачи. </td></tr>
|
||||
<tr class="b">
|
||||
<td> Как получить для использования на странице результат выполнения запроса после того, как кнопка была нажата </td>
|
||||
<td> Следует воспользоваться методом компоненты getResult в компоненте Обработка событий. Однако, этот метод возвращает значение только строкового типа (String), поэтому полученное в результате значение может быть передано только в компонент, оперирующий текстовыми значениями. </td></tr>
|
||||
</tbody>
|
||||
</table></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,86 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Кнопка_выполнения_бизнес-процесса.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Кнопка выполнения бизнес-процесса</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Кнопка выполнения бизнес-процесса</h1>
|
||||
<p><b>ExecProcessButton</b> - компонента для запуска определённого бизнес-процесса с возможностью первоначальной установки значений переменных процесса. При нажатии на кнопку выполняется процесс, указанный в параметре BusinessProcessToStart (Запускаемый процесс). Имеет событие завершения выполнения процесса и метод для получения переменных.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Надпись на кнопке </td>
|
||||
<td> позволяет задать наименование кнопки </td>
|
||||
<td> строка </td></tr>
|
||||
<tr class="a">
|
||||
<td> Текст подтверждения при нажатии </td>
|
||||
<td> позволяет задать текст сообщения, который отобразится в диалоговом окне после нажатия на кнопку. Если не задать, то диалоговое окно не отобразиться </td>
|
||||
<td> строка </td></tr>
|
||||
<tr class="b">
|
||||
<td> Бизнес-процесс для запуска (Модель процесса с переменными) </td>
|
||||
<td> наименование бизнес-процесса, который будет запущен при нажатии на кнопку </td>
|
||||
<td> относительный путь до файла, *.bpmn2, содержащий описание бизнес-процесса </td></tr>
|
||||
<tr class="a">
|
||||
<td> Переменные (Модель процесса с переменными) </td>
|
||||
<td> наименование переменной bpmn-процесса, значение которой необходимо задать </td>
|
||||
<td> значение, соответствующее типу выбранной переменной процесса </td></tr>
|
||||
<tr class="b">
|
||||
<td> Событие завершения бизнес-процесса (processCompleted) </td>
|
||||
<td> событие, которое можно использовать в AC, чтобы узнать, когда бизнес-процесс завершил свою работу </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Метод получения результирующих переменных (getResult) </td>
|
||||
<td> метод, который можно использовать в AC, для получения результирующих переменных </td>
|
||||
<td> имя переменной </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,110 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Кнопка_для_фильтрации.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Кнопка для фильтрации</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Кнопка для фильтрации</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Кнопка для фильтрации</b> - это компонента, которая используется для срабатывания фильтра.</p>
|
||||
<p>Компонента Кнопка для фильтрации находится в разделе Компоненты - Кнопки - Кнопка для фильтрации</p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../control-properties.md">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения</th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Надпись на кнопке </td>
|
||||
<td> позволяет задать наименование кнопки </td>
|
||||
<td> <i>пример возможного значения:</i> Применить </td></tr>
|
||||
<tr class="a">
|
||||
<td> Текст подтверждения при нажатии </td>
|
||||
<td> позволяет задать текст сообщения, который отобразится в диалоговом окне после нажатия на кнопку </td>
|
||||
<td> <i>пример возможного значения:</i> Вы действительно хотите применить фильтрацию? </td></tr>
|
||||
<tr class="b">
|
||||
<td> Набор фильтров </td>
|
||||
<td> позволяет задать компоненту <a href="../containers/Набор_фильтров.md">Набор фильтров</a> </td></tr>
|
||||
</tbody>
|
||||
</table><section>
|
||||
<h2><a name="a.D0.A4.D1.83.D0.BD.D0.BA.D1.86.D0.B8.D0.B8"></a>Функции</h2>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b><img src="../../attachments/23201720/23202402.png" alt="" /></b></p>
|
||||
<p>Вследствие технических особенностей реализации скриптов (</p>
|
||||
<p><img src="../../attachments/23201720/23202403.png" alt="" /> - скрипты выполняются удаленно на сервере приложений,</p>
|
||||
<p><img src="../../attachments/23201720/23202404.png" alt="" /> - скрипты выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p></section></section><section>
|
||||
<h2><a name="a.D0.9C.D0.B5.D1.82.D0.BE.D0.B4.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D0.B5_.D1.80.D0.B5.D0.BA.D0.BE.D0.BC.D0.B5.D0.BD.D0.B4.D0.B0.D1.86.D0.B8.D0.B8_.D0.BF.D0.BE_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E"></a>Методические рекомендации по применению</h2>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_кнопку_для_фильтрации_на_страницу_.html">Как добавить кнопку для фильтрации на страницу?</a></li>
|
||||
</ul></section><section>
|
||||
<h2><a name="a.D0.A7.D0.B0.D1.81.D1.82.D0.BE_.D0.B7.D0.B0.D0.B4.D0.B0.D0.B2.D0.B0.D0.B5.D0.BC.D1.8B.D0.B5_.D0.B2.D0.BE.D0.BF.D1.80.D0.BE.D1.81.D1.8B"></a>Часто задаваемые вопросы</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Чем отличается компонента <b>Кнопка для фильтрации</b> от компоненты <a href="Кнопка.html">Кнопка</a> </td>
|
||||
<td> Компонента Кнопка не выполняет никаких действий, но на нее могут быть добавлены скрипты, кнопка для фильтрации используется для срабатывания фильтра. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Все ли свойства компоненты обязательны для заполнения? </td>
|
||||
<td> Нет. Свойства компоненты определяются в зависимости от решаемой задачи. </td></tr>
|
||||
</tbody>
|
||||
</table></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,115 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Кнопка_загрузки.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Кнопка загрузки</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Кнопка загрузки</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Кнопка загрузки</b> - это компонента, которая используется для скачивания файла.</p>
|
||||
<p>Компонента <b>Кнопка загрузки</b> находится в разделе <b>Компоненты - Кнопки - Кнопка загрузки</b></p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../control-properties.md">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения</th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Надпись на кнопке </td>
|
||||
<td> позволяет задать наименование кнопки </td>
|
||||
<td> пример возможного значения: Скачать </td></tr>
|
||||
<tr class="a">
|
||||
<td> Текст подтверждения при нажатии </td>
|
||||
<td> позволяет задать текст сообщения, который отобразится в диалоговом окне после нажатия на кнопку </td>
|
||||
<td> <i>пример возможного значения:</i> Вы действительно хотите скачать файл? </td></tr>
|
||||
<tr class="b">
|
||||
<td> Компонент для выбора записи </td>
|
||||
<td> позволяет задать компоненту <a href="../grids/Таблица.md">Таблица</a> из которой будет скачен файл </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Скачать файл из базы данных </td>
|
||||
<td> позволяет задать таблицу базы данных из которой будет скачан файл </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table><section>
|
||||
<h2><a name="a.D0.A4.D1.83.D0.BD.D0.BA.D1.86.D0.B8.D0.B8"></a>Функции</h2>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b><img src="../../attachments/23202631/23202733.png" alt="" />.</b></p>
|
||||
<p>Вследствие технических особенностей реализации скриптов(</p>
|
||||
<p><img src="../../attachments/23202631/23202734.png" alt="" /> - скрипты выполняются удаленно на сервере приложений,</p>
|
||||
<p><img src="../../attachments/23202631/23202735.png" alt="" /> - скрипты выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p></section></section><section>
|
||||
<h2><a name="a.D0.9C.D0.B5.D1.82.D0.BE.D0.B4.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D0.B5_.D1.80.D0.B5.D0.BA.D0.BE.D0.BC.D0.B5.D0.BD.D0.B4.D0.B0.D1.86.D0.B8.D0.B8_.D0.BF.D0.BE_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E"></a>Методические рекомендации по применению</h2>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_кнопку_загрузки_на_страницу_.html">Как добавить кнопку загрузки на страницу?</a></li>
|
||||
</ul></section><section>
|
||||
<h2><a name="a.D0.A7.D0.B0.D1.81.D1.82.D0.BE_.D0.B7.D0.B0.D0.B4.D0.B0.D0.B2.D0.B0.D0.B5.D0.BC.D1.8B.D0.B5_.D0.B2.D0.BE.D0.BF.D1.80.D0.BE.D1.81.D1.8B"></a>Часто задаваемые вопросы</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Чем отличается компонента <b>Кнопка загрузки</b> от компоненты <a href="Кнопка.html">Кнопка</a> </td>
|
||||
<td> Компонента Кнопка не выполняет никаких действий, но на нее могут быть добавлены скрипты, кнопка навигациииспользуется для перехода по задачам процесса посредством заданной переменной. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Все ли свойства компоненты обязательны для заполнения </td>
|
||||
<td> Нет. Свойства компоненты определяются в зависимости от решаемой задачи. </td></tr>
|
||||
</tbody>
|
||||
</table></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,81 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Кнопка_запуска_бизнес-процесса.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Кнопка запуска бизнес-процесса</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Кнопка запуска бизнес-процесса</h1>
|
||||
<p><b>Кнопка запуска BPMN-процесса</b> - компонента для запуска определённого бизнес-процесса с возможностью первоначальной установки значений переменных процесса. При нажатии на кнопку запускается процесс, указанный в параметре BusinessProcessToStart (Запускаемый процесс) и происходит переход на первую страницу процесса. Текущие процесс и задача, при этом, не завершаются. Таким, образом, кнопка может бить использована на статических страницах, которые не привязаны к задачам бизнес-процессов.</p>
|
||||
<p>Компонента <b>Кнопка запуска BPMN-процесса</b> находится в разделе <b>Компоненты - Кнопки - Кнопка запуска BPMN-процесса</b>.</p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../control-properties.md">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения</th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Надпись на кнопке </td>
|
||||
<td> позволяет задать наименование кнопки </td>
|
||||
<td> <i>пример возможного значения:</i> Открыть карточку </td></tr>
|
||||
<tr class="a">
|
||||
<td> Текст подтверждения при нажатии </td>
|
||||
<td> позволяет задать текст сообщения, который отобразится в диалоговом окне после нажатия на кнопку </td>
|
||||
<td> <i>пример возможного значения:</i> Вы действительно хотите открыть карточку услуги? </td></tr>
|
||||
<tr class="b">
|
||||
<td> Бизнес процесс для запуска (Модель процесса с переменными) </td>
|
||||
<td> Наименование бизнес-процесса, который будет запущен при нажатии на кнопк </td>
|
||||
<td> Относительный путь до файла, *.bpmn2, содержащий описание бизнес-процесса </td></tr>
|
||||
<tr class="a">
|
||||
<td> Переменные (Модель процесса с переменными) </td>
|
||||
<td> Наименование переменной bpmn-процесса, значение которой необходимо задать </td>
|
||||
<td> Значение, соответствующее типу выбранной переменной процесса </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,107 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Кнопка_навигации.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Кнопка навигации</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Кнопка навигации</h1>
|
||||
<p><b>Кнопка навигации</b> - это компонента, которая используется для навигации по задачам процесса. При нажатии на кнопку текущая задача закрывается. Компонента <b>Кнопка навигации</b> находится в разделе <b>Компоненты - Кнопки - Кнопка навигации</b></p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../../component/control-properties.md">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения</th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Надпись на кнопке </td>
|
||||
<td> позволяет задать наименование кнопки </td>
|
||||
<td> <i>пример возможного значения:</i> Открыть карточку </td></tr>
|
||||
<tr class="a">
|
||||
<td> Текст подтверждения при нажатии </td>
|
||||
<td> позволяет задать текст сообщения, который отобразится в диалоговом окне после нажатия на кнопку </td>
|
||||
<td> <i>пример возможного значения:</i> Вы действительно хотите открыть карточку услуги? </td></tr>
|
||||
<tr class="b">
|
||||
<td> Значение переменной навигации </td>
|
||||
<td> позволяет задать значение, которое принимает переменная процесса. </td>
|
||||
<td> <i>пример возможного значения:</i> open </td></tr>
|
||||
</tbody>
|
||||
</table><section>
|
||||
<h2><a name="a.D0.A4.D1.83.D0.BD.D0.BA.D1.86.D0.B8.D0.B8"></a>Функции</h2>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b><img src="../../attachments/23199870/23202306.png" alt="" /></b></p>
|
||||
<p>Вследствие технических особенностей реализации функций (функции, которые выполняются удаленно на сервере приложений, функции, которые выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p></section></section><section>
|
||||
<h2><a name="a.D0.9C.D0.B5.D1.82.D0.BE.D0.B4.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D0.B5_.D1.80.D0.B5.D0.BA.D0.BE.D0.BC.D0.B5.D0.BD.D0.B4.D0.B0.D1.86.D0.B8.D0.B8_.D0.BF.D0.BE_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E"></a>Методические рекомендации по применению</h2>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_кнопку_навигации_на_страницу_.html">Как добавить кнопку навигации на страницу?</a></li>
|
||||
</ul></section><section>
|
||||
<h2><a name="a.D0.A7.D0.B0.D1.81.D1.82.D0.BE_.D0.B7.D0.B0.D0.B4.D0.B0.D0.B2.D0.B0.D0.B5.D0.BC.D1.8B.D0.B5_.D0.B2.D0.BE.D0.BF.D1.80.D0.BE.D1.81.D1.8B"></a>Часто задаваемые вопросы</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Чем отличается компонента <b>Кнопка навигации</b> от компоненты <a href="Кнопка.html">Кнопка</a> </td>
|
||||
<td> Компонента Кнопка не выполняет никаких действий, но на нее могут быть добавлены скрипты, кнопка навигации используется для перехода по задачам процесса посредством заданной переменной. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Все ли свойства компоненты обязательны для заполнения </td>
|
||||
<td> Нет. Свойства компоненты определяются в зависимости от решаемой задачи. </td></tr>
|
||||
</tbody>
|
||||
</table></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,107 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Кнопка_отмены.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Кнопка отмены</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Кнопка отмены</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Кнопка отмены</b> - это компонента, которая используется для завершения таска без сохранения внесенных изменений на форме страницы.</p>
|
||||
<p>Компонента <b>Кнопка отмены</b> находится в разделе <b>Компоненты - Кнопки - Кнопка отмены</b></p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../control-properties.md">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения</th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Надпись на кнопке </td>
|
||||
<td> позволяет задать наименование кнопки </td>
|
||||
<td> <i>пример возможного значения</i>: Отмена </td></tr>
|
||||
<tr class="a">
|
||||
<td> Текст подтверждения при нажатии </td>
|
||||
<td> позволяет задать текст сообщения, который отобразится в диалоговом окне после нажатия на кнопку </td>
|
||||
<td> <i>пример возможного значения:</i> Вы действительно хотите отменить изменения? </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<h1>Функции</h1>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <img src="../../attachments/23199868/23202115.png" alt="" /></p>
|
||||
<p>Вследствие технических особенностей реализации скриптов(</p>
|
||||
<p><img src="../../attachments/23199868/23202116.png" alt="" /> - скрипты выполняются удаленно на сервере приложений,</p>
|
||||
<p><img src="../../attachments/23199868/23202117.png" alt="" /> - скрипты выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p></section></section><section>
|
||||
<h2><a name="a.D0.9C.D0.B5.D1.82.D0.BE.D0.B4.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D0.B5_.D1.80.D0.B5.D0.BA.D0.BE.D0.BC.D0.B5.D0.BD.D0.B4.D0.B0.D1.86.D0.B8.D0.B8_.D0.BF.D0.BE_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E"></a>Методические рекомендации по применению</h2>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_кнопку_отмены_на_страницу_.html">Как добавить кнопку отмены на страницу?</a></li>
|
||||
</ul>
|
||||
<h1>Часто задаваемые вопросы</h1>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Чем отличается компонента Кнопка отмены от компоненты Кнопка? </td>
|
||||
<td> Компонента Кнопкане выполняет никаких действий, но на нее могут быть добавлены скрипты, кнопка отмены используется для сброса внесенных изменений на текущей форме. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Все ли свойства компоненты обязательны для заполнения </td>
|
||||
<td> Нет. Свойства компоненты определяются в зависимости от решаемой задачи. </td></tr>
|
||||
</tbody>
|
||||
</table></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,118 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Кнопка_очистки_фильтра.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Кнопка очистки фильтра</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Кнопка очистки фильтра</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Кнопка очистки фильтра</b> - это компонента, которая используется для очищения полей фильтра.</p>
|
||||
<p>Компонента <b>Кнопка очистки фильтра</b> находится в разделе <b>Компоненты - Кнопки - Кнопка очистки фильтра</b></p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../control-properties.md">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения</th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Надпись на кнопке </td>
|
||||
<td> позволяет задать наименование кнопки </td>
|
||||
<td> <i>пример возможного значения:</i> Сбросить </td></tr>
|
||||
<tr class="a">
|
||||
<td> Текст подтверждения при нажатии </td>
|
||||
<td> позволяет задать текст сообщения, который отобразится в диалоговом окне после нажатия на кнопку </td>
|
||||
<td> <i>пример возможного значения:</i> Вы действительно хотите сбросить фильтрацию? </td></tr>
|
||||
<tr class="b">
|
||||
<td> Набор фильтров </td>
|
||||
<td> позволяет задать компоненту <a href="../containers/Набор_фильтров.md">Набор фильтров</a> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Сбросить значение фильтров на значение по умолчанию </td>
|
||||
<td> при нажатии на кнопку возвращает значения заданных фильтров к значениям по умолчанию </td>
|
||||
<td> не сбрасывать - значение по умолчанию </td></tr>
|
||||
<tr class="b">
|
||||
<td> Применить фильтры после сброса </td>
|
||||
<td> позволяет задать возможность возврата фильтруемой <i>Таблицы</i> в первоначальное состояние при нажатии на кнопку </td>
|
||||
<td> не применять значения фильтров - значение по умолчанию </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<h1>Функции</h1>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b><img src="../../attachments/23201722/23202593.png" alt="" /></b></p>
|
||||
<p>Вследствие технических особенностей реализации скриптов (</p>
|
||||
<p><img src="../../attachments/23201722/23202594.png" alt="" /> - скрипты выполняются удаленно на сервере приложений,</p>
|
||||
<p><img src="../../attachments/23201722/23202595.png" alt="" /> - скрипты выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p>
|
||||
<h1>Методические рекомендации по применению</h1>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_кнопку_очистки_фильтра_на_страницу_.html">Как добавить кнопку очистки фильтра на страницу?</a></li>
|
||||
</ul>
|
||||
<h1>Часто задаваемые вопросы</h1>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Чем отличается компонента Кнопка очистки фильтра от компоненты Кнопка? </td>
|
||||
<td> Компонента Кнопка не выполняет никаких действий, но на нее могут быть добавлены скрипты, кнопка очистки фильтра используется для очищения полей фильтра. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Все ли свойства компоненты обязательны для заполнения? </td>
|
||||
<td> Нет. Свойства компоненты определяются в зависимости от решаемой задачи. </td></tr>
|
||||
</tbody>
|
||||
</table></section></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,152 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Кнопка_подписи.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Назначение компонента</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Назначение компонента</h1>
|
||||
<p>Составной компонент SignButton служит для создания электронной подписи и отображения подписываемых данных</p>
|
||||
<h1>Настройка компонента</h1>
|
||||
<p>Настройка скрипта SignButton: в HBox → SignButton</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование </th>
|
||||
<th> Назначение </th>
|
||||
<th> Значение по умолчанию </th>
|
||||
<th> Параметр обязателен </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Sign Type </td>
|
||||
<td> Выбор типа электронной подписи. Возможные варианты: CMS, CADES_BES, CADES_T, CADES_X_LONG_TYPE_1 </td>
|
||||
<td> - </td>
|
||||
<td> да </td></tr>
|
||||
<tr class="a">
|
||||
<td> Selectable Component </td>
|
||||
<td> Объект для выбора подписываемого документа из списка. Необходим для получения id подписываемого документа, если не указана переменная процесса documentId в SignButtonRpcService. В случае, если указан и Document Id, и Selectable Component, то по приоритету будет взят id, выбранный пользователем из Selectable Component. </td>
|
||||
<td> - </td>
|
||||
<td> Обязательно заполнение либо Document Id, либо Selectable Component </td></tr>
|
||||
<tr class="b">
|
||||
<td> Complete Task After Signing </td>
|
||||
<td> В случае значения true, после подписания текущий таск будет завершен </td>
|
||||
<td> - </td>
|
||||
<td> да </td></tr>
|
||||
<tr class="a">
|
||||
<td> Navigate To </td>
|
||||
<td> Параметр для перенаправления пользователя после завершения текущего таска. Параметр не используется, если completeTaskAfterSigning = false </td>
|
||||
<td> - </td>
|
||||
<td> нет </td></tr>
|
||||
<tr class="b">
|
||||
<td> Реализация провайдера электронной подписи </td>
|
||||
<td> Для использования конкретной реализации электронной подписи. Необходимо добавить соответствующий ts-файл в объект SignButton. На данный момент есть две реализации: EsmartPlugin.ts и CadesPluginApi.ts. При использовании EsmartPlugin.ts и типа подписи CADES_T необходимо указать системную переменную webbpm_components.electronic_sign.esmart_extension_url со ссылкой для расширения подписи “_dsig/ibs_dSig.asmx<a class="externalLink" href="http://dsig.ibsdemo.ru/ibs">http://dsig.ibsdemo.ru/ibs</a>” </td>
|
||||
<td> - </td>
|
||||
<td> да </td></tr>
|
||||
<tr class="a">
|
||||
<td> Other </td>
|
||||
<td> Остальные параметры настраивать только в случае, если не устраивает стандартное устройство компонента </td>
|
||||
<td> </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>Настройка скрипта SignButtonRpcService: HBox → SignButton</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование </th>
|
||||
<th> Назначение </th>
|
||||
<th> Значение по умолчанию </th>
|
||||
<th> Параметр обязателен </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Document Id </td>
|
||||
<td> Параметр необходим для получения Id подписываемого документа, если не указан параметр Selectable Component со списком записей. В случае, если указан и Document Id, и Selectable Component, то по приоритету будет взят id, выбранный пользователем из Selectable Component. </td>
|
||||
<td> - </td>
|
||||
<td> Обязательно заполнение либо Document Id, либо Selectable Component </td></tr>
|
||||
<tr class="a">
|
||||
<td> Document Provider </td>
|
||||
<td> Провайдер подписываемых данных. Реализация класса ru.cg.webbpm.electronic_sign.DocumentProvider. </td>
|
||||
<td> - </td>
|
||||
<td> да </td></tr>
|
||||
<tr class="b">
|
||||
<td> Document Dao </td>
|
||||
<td> Класс для сохранения и получения подписанных данных. Реализация класса ru.cg.webbpm.electronic_sign.DocumentDao </td>
|
||||
<td> - </td>
|
||||
<td> да </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>Сценарий использования кнопки подписи:</p>
|
||||
<ol style="list-style-type: decimal">
|
||||
|
||||
<li>
|
||||
|
||||
<p>Пользователь в процессе работы над документом или после его выбора в списке уже созданных нажимает на кнопку “Подписать”</p>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<p>Если подходящий сертификат для подписания единственен, то окно выбора отображено не будет; в противном случае пользователь должен выбрать подходящий сертификат в окне “Выбор сертификата”.</p>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<p>Пользователю выводится окно ввода пароля с возможностью отмены операции</p>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<p>Происходит подписание документа, сохранение подписи в байтах в базе данных</p>
|
||||
</li>
|
||||
</ol><section><section>
|
||||
<h3><a name="a.D0.9A.D1.80.D0.B8.D0.BF.D1.82.D0.BE.D0.9F.D1.80.D0.BE"></a>КриптоПро</h3>
|
||||
<p>Для работы компоненты требуется установить <a class="externalLink" href="https://www.cryptopro.ru/download?pid=1417%204.0">КриптоПро CSP</a> и <a class="externalLink" href="https://www.cryptopro.ru/products/cades/plugin">КриптоПро ЭЦП Browser plug-in</a>. Тестовый сертификат можно получить <a class="externalLink" href="https://www.cryptopro.ru/certsrv/certrqma.asp">тут</a>, при этом нужно установаить сертификат тестового центра как довереный корневой сертификат. <a class="externalLink" href="https://www.cryptopro.ru/sites/default/files/products/cades/demopage/simple.html">Страница проверки работы плагина</a>.</p></section><section>
|
||||
<h3><a name="Esmart"></a>Esmart</h3>
|
||||
<p>Для работы компоненты требуется установить:</p>
|
||||
<ul>
|
||||
|
||||
<li>32-битную firefox версии 38 - 52 (рекомендуется 52.5.2esr).</li>
|
||||
<li>PKI Client и ESMART Token Web Плагин последних версий с официального сайта ESMART - <a class="externalLink" href="http://demo.esmart.ru">demo.esmart.ru</a>.</li>
|
||||
</ul></section></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,100 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Кнопка_проверки_подписи.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Назначение компонента</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Назначение компонента</h1>
|
||||
<p>Составной компонент SignVerification служит для проверки электронной подписи и отображения подписанных данных.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование </th>
|
||||
<th> Назначение </th>
|
||||
<th> Значение по умолчанию </th>
|
||||
<th> Параметр обязателен </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Sign Type </td>
|
||||
<td> Выбор типа электронной подписи. Возможные варианты: CMS, CADES_BES, CADES_T, CADES_X_LONG_TYPE_1 </td>
|
||||
<td> - </td>
|
||||
<td> да </td></tr>
|
||||
<tr class="a">
|
||||
<td> Use Verify Chain </td>
|
||||
<td> Значение true указывает, что необходимо проверить цепочку сертификатов, false - не проверять цепочку, в этом случае проверяется только подпись. </td>
|
||||
<td> - по умолчанию, цепочка сертификатов не используется </td>
|
||||
<td> нет </td></tr>
|
||||
<tr class="b">
|
||||
<td> Реализация провайдера электронной подписи </td>
|
||||
<td> Для использования конкретной реализации электронной подписи. Необходимо добавить соответствующий ts-файл в объект SignVerificationButton. На данный момент есть две реализации: EsmartPlugin.ts и CadesPluginApi.ts. При использовании EsmartPlugin.ts и типа подписи CADES_T необходимо указать системную переменную webbpm_components.electronic_sign.esmart_extension_url со ссылкой для расширения подписи “_dsig/ibs_dSig.asmx<a class="externalLink" href="http://dsig.ibsdemo.ru/ibs">http://dsig.ibsdemo.ru/ibs</a>” </td>
|
||||
<td> - </td>
|
||||
<td> да </td></tr>
|
||||
<tr class="a">
|
||||
<td> Document Id </td>
|
||||
<td> Параметр необходим для получения Id подписываемого документа. </td>
|
||||
<td> - </td>
|
||||
<td> да </td></tr>
|
||||
<tr class="b">
|
||||
<td> Document Provider </td>
|
||||
<td> Провайдер подписываемых данных. Реализация класса ru.cg.webbpm.electronic_sign.DocumentProvider. </td>
|
||||
<td> - </td>
|
||||
<td> да </td></tr>
|
||||
<tr class="a">
|
||||
<td> Document Dao </td>
|
||||
<td> Класс для сохранения и получения подписанных данных. Реализация класса ru.cg.webbpm.electronic_sign.DocumentDao </td>
|
||||
<td> - </td>
|
||||
<td> да </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>Компонента проверки отображает корректность электронной подписи с помощью иконки:</p>
|
||||
<ul>
|
||||
|
||||
<li>Красного цвета в том случае, если электронная подпись не валидна</li>
|
||||
<li>Зеленого цвета в том случае, если электронная подпись валидна</li>
|
||||
<li>Серого цвета в том случае, если актовая запись не подписана</li>
|
||||
</ul>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,112 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Кнопка_сохранения.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Кнопка сохранения</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Кнопка сохранения</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Кнопка сохранения</b> - это компонента, которая используется для завершения задачи с сохранением данных на форме страницы. Компонента <b>Кнопка сохранения</b> находится в разделе <b>Компоненты - Кнопки - Кнопка сохранения</b></p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../control-properties.md">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения</th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Надпись на кнопке </td>
|
||||
<td> позволяет задать наименование кнопки </td>
|
||||
<td> <i>пример возможного значения:</i> Сохранить </td></tr>
|
||||
<tr class="a">
|
||||
<td> Текст подтверждения при нажатии </td>
|
||||
<td> позволяет задать текст сообщения, который отобразится в диалоговом окне после нажатия на кнопку </td>
|
||||
<td> <i>пример возможного значения:</i> Вы действительно хотите сохранить изменения? </td></tr>
|
||||
<tr class="b">
|
||||
<td> Компонент “Форма” </td>
|
||||
<td> позволяет задать основную компоненту <a href="../containers/Форма.md">Форма</a> поля которой сохранятся при нажатии на кнопку </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Complete Task </td>
|
||||
<td> позволяет задать будет ли завершена текущая задача </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<h1>Функции</h1>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b><img src="../../attachments/23199866/23201889.png" alt="" /></b></p>
|
||||
<p>Вследствие технических особенностей реализации функций (функции, которые выполняются удаленно на сервере приложений, функции, которые выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p></section></section><section>
|
||||
<h2><a name="a.D0.9C.D0.B5.D1.82.D0.BE.D0.B4.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D0.B5_.D1.80.D0.B5.D0.BA.D0.BE.D0.BC.D0.B5.D0.BD.D0.B4.D0.B0.D1.86.D0.B8.D0.B8_.D0.BF.D0.BE_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E"></a>Методические рекомендации по применению</h2>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_кнопку_сохранения_на_страницу_.html">Как добавить кнопку сохранения на страницу?</a></li>
|
||||
</ul></section><section>
|
||||
<h2><a name="a.D0.A7.D0.B0.D1.81.D1.82.D0.BE_.D0.B7.D0.B0.D0.B4.D0.B0.D0.B2.D0.B0.D0.B5.D0.BC.D1.8B.D0.B5_.D0.B2.D0.BE.D0.BF.D1.80.D0.BE.D1.81.D1.8B"></a>Часто задаваемые вопросы</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Чем отличается компонента Кнопка сохранения от компоненты Кнопка? </td>
|
||||
<td> Компонента Кнопка не выполняет никаких действий, но на нее могут быть добавлены дополнительные функции, кнопка сохранения используется для сохранения данных на текущей форме. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Все ли свойства компоненты обязательны для заполнения </td>
|
||||
<td> Нет. Свойства компоненты определяются в зависимости от решаемой задачи. </td></tr>
|
||||
</tbody>
|
||||
</table></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,110 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Кнопка_удаления.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Кнопка удаления</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Кнопка удаления</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Кнопка удаления</b> - это компонента, которая используется для удаления элементов из Таблица.</p>
|
||||
<p>Компонента <b>Кнопка удаления</b> находится в разделе <b>Компоненты - Кнопки - Кнопка удаления</b></p>
|
||||
<h1>Свойства</h1>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения</th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Надпись на кнопке </td>
|
||||
<td> позволяет задать наименование кнопки </td>
|
||||
<td> <i>пример возможного значения:</i> Удалить </td></tr>
|
||||
<tr class="a">
|
||||
<td> Текст подтверждения при нажатии </td>
|
||||
<td> позволяет задать текст сообщения, который отобразится в диалоговом окне после нажатия на кнопку </td>
|
||||
<td> <i>пример возможного значения:</i> Вы действительно хотите удалить запись? </td></tr>
|
||||
<tr class="b">
|
||||
<td> Удалить из таблицы </td>
|
||||
<td> позволяет задать основную компоненту <a href="../grids/Таблица.md">Таблица</a> из которой будет удалена запись </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<h1>Функции</h1>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b><img src="../../attachments/23199872/23202048.png" alt="" /></b></p>
|
||||
<p>Вследствие технических особенностей реализации скриптов(</p>
|
||||
<p><img src="../../attachments/23199872/23202049.png" alt="" /> - скрипты выполняются удаленно на сервере приложений,</p>
|
||||
<p><img src="../../attachments/23199872/23202050.png" alt="" /> - скрипты выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p></section></section><section>
|
||||
<h2><a name="a.D0.9C.D0.B5.D1.82.D0.BE.D0.B4.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D0.B5_.D1.80.D0.B5.D0.BA.D0.BE.D0.BC.D0.B5.D0.BD.D0.B4.D0.B0.D1.86.D0.B8.D0.B8_.D0.BF.D0.BE_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E"></a>Методические рекомендации по применению</h2>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_кнопку_удаления_на_страницу_.html">Как добавить кнопку удаления на страницу?</a></li>
|
||||
</ul></section><section>
|
||||
<h2><a name="a.D0.A7.D0.B0.D1.81.D1.82.D0.BE_.D0.B7.D0.B0.D0.B4.D0.B0.D0.B2.D0.B0.D0.B5.D0.BC.D1.8B.D0.B5_.D0.B2.D0.BE.D0.BF.D1.80.D0.BE.D1.81.D1.8B"></a>Часто задаваемые вопросы</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Чем отличается компонента Кнопка удаления от компоненты Кнопка? </td>
|
||||
<td> Компонента Кнопка не выполняет никаких действий, но на нее могут быть добавлены скрипты, кнопка удаления используется для удаления записи из таблицы. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Все ли свойства компоненты обязательны для заполнения? </td>
|
||||
<td> Нет.Свойства компоненты определяются в зависимости от решаемой задачи. </td></tr>
|
||||
</tbody>
|
||||
</table></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,69 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/buttons/Кнопки.md at 2022-09-08
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Кнопки</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Кнопки</h1>
|
||||
<ul>
|
||||
|
||||
<li><a href="Кнопка.html">Кнопка</a></li>
|
||||
<li><a href="Кнопка_навигации.html">Кнопка навигации</a></li>
|
||||
<li><a href="Кнопка_сохранения.html">Кнопка сохранения</a></li>
|
||||
<li><a href="Кнопка_удаления.html">Кнопка удаления</a></li>
|
||||
<li><a href="Кнопка_отмены.html">Кнопка отмены</a></li>
|
||||
<li><a href="Кнопка_выбора.html">Кнопка выбора</a></li>
|
||||
<li><a href="Кнопка_для_фильтрации.html">Кнопка для фильтрации</a></li>
|
||||
<li><a href="Кнопка_очистки_фильтра.html">Кнопка очистки фильтра</a></li>
|
||||
<li><a href="Кнопка_вызова_ошибки.html">Кнопка вызова ошибки</a></li>
|
||||
<li><a href="Кнопка_выполнения_SQL.html">Кнопка выполнения SQL</a></li>
|
||||
<li><a href="Кнопка_загрузки.html">Кнопка загрузки</a></li>
|
||||
<li><a href="reporting/Кнопка_печати_из_графа_сущности.html">Кнопка печати из графа сущности</a></li>
|
||||
<li><a href="reporting/Кнопка_печати_отчета_из_формы.html">Кнопка печати отчета из формы</a></li>
|
||||
<li><a href="Кнопка_запуска_бизнес-процесса.html">Кнопка запуска бизнес-процесса</a></li>
|
||||
<li><a href="Кнопка_подписи.html">Кнопка_подписи</a></li>
|
||||
<li><a href="Кнопка_проверки_подписи.html">Кнопка_проверки_подписи</a></li>
|
||||
</ul>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2022
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,53 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/ContainerValueByEventLoader_и_ContainerValueByEventLoaderRpcService.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – </title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<p><b>Описание:</b> Скрипты предназначены для подгрузки значений в контейнеры по массиву параметров, которая происходит после заданных событий.</p>
|
||||
<p><b>Использование:</b></p>
|
||||
<p><i>Настройка внутри контейнера</i> - На контейнере в скрипте ContainerValueByEventLoader.ts в массив “Params” добавить объекты и выбрать их параметры, по которым будет происходить подгрузка. В массив “Events Refs” добавить объекты и выбрать события, после которых будет отрабатывать подгрузка. - В скрипте ContainerValueByEventLoaderRpcService.java, в комбобоксе “Script” выбрать необходимую реализацию сервиса(к примеру ContainerByPkValueLoaderServiceImpl). Настроить Load Dao выбрав необходимую реализацию скрипта и настроить граф сущностей.</p>
|
||||
<p><i>Настройка внутри объекта</i> - На объектах в которые будет происходить подгрузка (к примеру в TextField это TextFieldValueByEvent) задать параметр, аналогично DefaultValue.</p>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,130 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/index.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Контейнеры</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Контейнеры</h1>
|
||||
<ul>
|
||||
|
||||
<li><a href="Вертикальный_контейнер.html">Вертикальный контейнер</a></li>
|
||||
<li><a href="Горизонтальный_контейнер.html">Горизонтальный контейнер</a></li>
|
||||
<li><a href="Контейнер_вкладок.html">Контейнер вкладок</a></li>
|
||||
<li><a href="Вкладка.html">Вкладка</a></li>
|
||||
<li><a href="Группа_полей.html">Группа полей</a></li>
|
||||
<li><a href="Диалог.html">Диалог</a></li>
|
||||
<li><a href="Контейнер_с_кнопками.html">Контейнер с кнопками</a></li>
|
||||
<li><a href="Набор_фильтров.html">Набор фильтров</a></li>
|
||||
<li><a href="Сворачиваемая_панель.html">Сворачиваемая панель</a></li>
|
||||
<li><a href="Форма.html">Форма</a></li>
|
||||
<li><a href="Окно.html">Окно</a></li>
|
||||
</ul><section>
|
||||
<h2><a name="a.D0.9F.D1.80.D0.B0.D0.B2.D0.B8.D0.BB.D0.B0_.D0.BD.D0.B0.D1.81.D0.BB.D0.B5.D0.B4.D0.BE.D0.B2.D0.B0.D0.BD.D0.B8.D1.8F_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B9_.D1.81.D0.B2.D0.BE.D0.B9.D1.81.D1.82.D0.B2_.D0.9F.D0.BE.D0.B4.D0.BB.D0.B5.D0.B6.D0.B8.D1.82_.D1.81.D0.BE.D1.85.D1.80.D0.B0.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E.2C_.D0.9E.D0.B1.D1.8F.D0.B7.D0.B0.D1.82.D0.B5.D0.BB.D1.8C.D0.BD.D0.BE.D1.81.D1.82.D1.8C_.D0.B4.D0.BE.D1.87.D0.B5.D1.80.D0.BD.D0.B8.D0.BC.D0.B8_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82.D0.B0.D0.BC.D0.B8.2C_.D0.B2.D1.85.D0.BE.D0.B4.D1.8F.D1.89.D0.B8.D0.BC.D0.B8_.D0.B2_.D1.81.D0.BE.D1.81.D1.82.D0.B0.D0.B2_.D1.80.D0.BE.D0.B4.D0.B8.D1.82.D0.B5.D0.BB.D1.8C.D1.81.D0.BA.D0.BE.D0.B9_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82.D1.8B_.D0.BA.D0.BE.D0.BD.D1.82.D0.B5.D0.B9.D0.BD.D0.B5.D1.80.D0.B0"></a>Правила наследования значений свойств <i>Подлежит сохранению</i>, <i>Обязательность</i> дочерними компонентами, входящими в состав родительской компоненты контейнера</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th align="center"> значение свойства у компоненты-контейнера </th>
|
||||
<th align="center"> значение свойства дочерней компоненты </th>
|
||||
<th align="center"> итоговое значение свойства </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>True</code> </td></tr>
|
||||
<tr class="a">
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>False</code> </td></tr>
|
||||
<tr class="b">
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>False</code> </td></tr>
|
||||
<tr class="a">
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>False</code> </td></tr>
|
||||
<tr class="b">
|
||||
<td align="center"><code>Undefined</code></td>
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>True</code> </td></tr>
|
||||
<tr class="a">
|
||||
<td align="center"><code>Undefined</code></td>
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>False</code> </td></tr>
|
||||
</tbody>
|
||||
</table></section><section>
|
||||
<h2><a name="a.D0.9F.D1.80.D0.B0.D0.B2.D0.B8.D0.BB.D0.B0_.D0.BD.D0.B0.D1.81.D0.BB.D0.B5.D0.B4.D0.BE.D0.B2.D0.B0.D0.BD.D0.B8.D1.8F_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B9_.D1.81.D0.B2.D0.BE.D0.B9.D1.81.D1.82.D0.B2.D0.B0_.D0.92.D0.B8.D0.B4.D0.B8.D0.BC.D0.BE.D1.81.D1.82.D1.8C_.D0.B4.D0.BE.D1.87.D0.B5.D1.80.D0.BD.D0.B8.D0.BC.D0.B8_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82.D0.B0.D0.BC.D0.B8.2C_.D0.B2.D1.85.D0.BE.D0.B4.D1.8F.D1.89.D0.B8.D0.BC.D0.B8_.D0.B2_.D1.81.D0.BE.D1.81.D1.82.D0.B0.D0.B2_.D1.80.D0.BE.D0.B4.D0.B8.D1.82.D0.B5.D0.BB.D1.8C.D1.81.D0.BA.D0.BE.D0.B9_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82.D1.8B_.D0.BA.D0.BE.D0.BD.D1.82.D0.B5.D0.B9.D0.BD.D0.B5.D1.80.D0.B0"></a>Правила наследования значений свойства <b>Видимость</b> дочерними компонентами, входящими в состав родительской компоненты контейнера</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th align="center"> значение свойства у компоненты-контейнера </th>
|
||||
<th align="center"> значение свойства дочерней компоненты </th>
|
||||
<th align="center"> итоговое значение свойства </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>True</code> </td></tr>
|
||||
<tr class="a">
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>False</code> </td></tr>
|
||||
<tr class="b">
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>False</code> </td></tr>
|
||||
<tr class="a">
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>False</code> </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p><b>Скрипты</b> - <a href="ContainerValueByEventLoader_и_ContainerValueByEventLoaderRpcService.html">Дополнительная подгрузка</a></p>
|
||||
<p><b>Функции</b> - <a href="Стили-контейнеров.html">Стили контейнеров</a></p></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,162 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Вертикальный_контейнер.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Вертикальный контейнер</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Вертикальный контейнер</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Вертикальный контейнер</b> - это невидимая компонента-контейнер, которая позволяет расположить внутри себя набор видимых компонент в вертикальной последовательности, когда каждая следующая видимая компонента находится на новой строке под предыдущей.</p>
|
||||
<p>Используется для оптимизации расположения компонентов в интерфейсе системы, обеспечивая возможность группировки и логического объединения компонентов в определенных секторах web-страницы и общее эстетическое и интуитивное восприятие экранного интерфейса пользователем системы.</p>
|
||||
<p>Как правило, в состав <b>Вертикального контейнера</b> включаются визуальные компоненты, но также Вертикальные контейнеры могут быть размещены обособлено в дереве редактора интерфейса для облегчения чтения аналитиком структуры страницы ивключать в себя невизуальные компоненты для служебного использования (предзагрузка значений переменных процесса в компоненты, компоненты с подгруженными значениями по умолчанию, компоненты Обработка событий и т.п.)</p>
|
||||
<p>Компонента <b>Вертикальный контейнер</b> находится в разделе <b>Компоненты - Контейнеры - Вертикальный контейнер</b></p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../control-properties.md">набор общих свойств</a> и <a href="../Подгрузка_данных_по_умолчанию.md">подгрузка данных по умолчанию</a></p><section>
|
||||
<h2><a name="a.D0.94.D0.BE.D0.BF.D0.BE.D0.BB.D0.BD.D0.B8.D1.82.D0.B5.D0.BB.D1.8C.D0.BD.D1.8B.D0.B5_.D1.84.D1.83.D0.BD.D0.BA.D1.86.D0.B8.D0.B8"></a>Дополнительные функции</h2>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b>Добавить скрипт</b></p>
|
||||
<p>Вследствие технических особенностей реализации функций (</p>
|
||||
<p><img src="../../attachments/23204190/23204221.png" alt="" /> - функции, которые выполняются удаленно на сервере приложений,</p>
|
||||
<p><img src="../../attachments/23204190/23204222.png" alt="" /> - функции, которые выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section>
|
||||
<h3><a name="a.D0.A0.D0.B5.D0.BA.D1.83.D1.80.D1.81.D0.B8.D0.B2.D0.BD.D0.BE_.D0.BA.D0.BE.D0.BF.D0.B8.D1.80.D0.BE.D0.B2.D0.B0.D1.82.D1.8C_.D1.81.D0.BE.D1.81.D1.82.D0.B0.D0.B2.D0.BD.D1.8B.D0.B5_.D0.BE.D0.B1.D1.8A.D0.B5.D0.BA.D1.82.D1.8B_.D1.81.D0.BB.D0.BE.D0.B6.D0.BD.D1.8B.D1.85_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82"></a>Рекурсивно копировать составные объекты сложных компонент</h3>
|
||||
<p><code>TODO: описать</code></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p></section></section><section>
|
||||
<h2><a name="a.D0.9C.D0.B5.D1.82.D0.BE.D0.B4.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D0.B5_.D1.80.D0.B5.D0.BA.D0.BE.D0.BC.D0.B5.D0.BD.D0.B4.D0.B0.D1.86.D0.B8.D0.B8_.D0.BF.D0.BE_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E"></a>Методические рекомендации по применению</h2>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_компоненту_Вертикальный_контейнер_на_страницу_.html">Как добавить компоненту “Вертикальный контейнер” на страницу?</a></li>
|
||||
</ul></section><section>
|
||||
<h2><a name="a.D0.A7.D0.B0.D1.81.D1.82.D0.BE_.D0.B7.D0.B0.D0.B4.D0.B0.D0.B2.D0.B0.D0.B5.D0.BC.D1.8B.D0.B5_.D0.B2.D0.BE.D0.BF.D1.80.D0.BE.D1.81.D1.8B"></a>Часто задаваемые вопросы</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> В чем заключаются лучшие практики использования контейнеров? </td>
|
||||
<td> Чаще всего контейнерами зонируют экранный интерфейс, чтобы добиться эргономичного расположения компонентов на web-странице. Например, в горизонтальный контейнер вкладывают несколько вертикальных, добиваясь, колончатой структуры страницы. Пример такой реализации можно посмотреть в методических рекомендациях по применению. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Что происходит в горизонтальном контейнере, если ширины экрана не хватает для размещения в горизонтальном направлении всех компонент? </td>
|
||||
<td> После заполнения всей доступной ширины web-страницы, система автоматически начинает переносить оставшиеся компоненты на строчку ниже и продолжать заполнять ими ширину экрана, располагая оставшиеся компоненты друг за другом в горизонтальной последовательности. </td></tr>
|
||||
<tr class="b">
|
||||
<td> Насколько глубокую иерархию вложенности можно создать, комбинируя контейнеры между собой? </td>
|
||||
<td> Теоретически, глубина вложенности контейнеров разного типа друг в друга не ограничена. Но на практике комбинирование вложенностью контейнеров применяется для решения конкретной проблемы эргономичного расположения визуальных компонентов на странице. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Чем отличается функциональность набора свойств (<b>Видимость, Обязательность, Недоступно для управления, Подлежит сохранению</b>) у компоненты-контейнера от функциональности одноименных свойств обычной компоненты? </td>
|
||||
<td> Функциональность набора свойств (<b>Видимость, Обязательность, Недоступно для управления, Подлежит сохранению</b>) у компоненты-контейнера отличается от функциональности одноименных свойств у обычной компоненты тем, что значение указанных свойств наследуется с компоненты-контейнерана все компоненты, входящие в состав такой компоненты-контейнера. Правила наследования таковы, что если увложенного объекта соответствующее свойство выставлено в значение <code>Истина</code>, то оно следует судьбе этого же свойства у компоненты-контейнера, если же значение соответствующего свойства у вложенной компоненты <code>Ложь</code>, то наследования значения этого свойства от компоненты-контейнера не происходит, компонента функционирует в соответствии с собственными настройками. </td></tr>
|
||||
</tbody>
|
||||
</table><section><section>
|
||||
<h4><a name="a.D0.9F.D1.80.D0.B0.D0.B2.D0.B8.D0.BB.D0.B0_.D0.BD.D0.B0.D1.81.D0.BB.D0.B5.D0.B4.D0.BE.D0.B2.D0.B0.D0.BD.D0.B8.D1.8F_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B9_.D1.81.D0.B2.D0.BE.D0.B9.D1.81.D1.82.D0.B2_.D0.9F.D0.BE.D0.B4.D0.BB.D0.B5.D0.B6.D0.B8.D1.82_.D1.81.D0.BE.D1.85.D1.80.D0.B0.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E.2C_.D0.9E.D0.B1.D1.8F.D0.B7.D0.B0.D1.82.D0.B5.D0.BB.D1.8C.D0.BD.D0.BE.D1.81.D1.82.D1.8C_.D0.B4.D0.BE.D1.87.D0.B5.D1.80.D0.BD.D0.B8.D0.BC.D0.B8_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82.D0.B0.D0.BC.D0.B8.2C_.D0.B2.D1.85.D0.BE.D0.B4.D1.8F.D1.89.D0.B8.D0.BC.D0.B8_.D0.B2_.D1.81.D0.BE.D1.81.D1.82.D0.B0.D0.B2_.D1.80.D0.BE.D0.B4.D0.B8.D1.82.D0.B5.D0.BB.D1.8C.D1.81.D0.BA.D0.BE.D0.B9_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82.D1.8B_.D0.BA.D0.BE.D0.BD.D1.82.D0.B5.D0.B9.D0.BD.D0.B5.D1.80.D0.B0"></a>Правила наследования значений свойств <b>Подлежит сохранению, Обязательность</b> дочерними компонентами, входящими в состав родительской компоненты контейнера</h4>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th align="center"> значение свойства у компоненты-контейнера </th>
|
||||
<th align="center"> значение свойства дочерней компоненты </th>
|
||||
<th align="center"> итоговое значение свойства </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>True</code> </td></tr>
|
||||
<tr class="a">
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>False</code> </td></tr>
|
||||
<tr class="b">
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>False</code> </td></tr>
|
||||
<tr class="a">
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>False</code> </td></tr>
|
||||
<tr class="b">
|
||||
<td align="center"><code>Undefined</code></td>
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>True</code> </td></tr>
|
||||
<tr class="a">
|
||||
<td align="center"><code>Undefined</code></td>
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>False</code> </td></tr>
|
||||
</tbody>
|
||||
</table></section><section>
|
||||
<h4><a name="a.D0.9F.D1.80.D0.B0.D0.B2.D0.B8.D0.BB.D0.B0_.D0.BD.D0.B0.D1.81.D0.BB.D0.B5.D0.B4.D0.BE.D0.B2.D0.B0.D0.BD.D0.B8.D1.8F_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B9_.D1.81.D0.B2.D0.BE.D0.B9.D1.81.D1.82.D0.B2.D0.B0_.D0.92.D0.B8.D0.B4.D0.B8.D0.BC.D0.BE.D1.81.D1.82.D1.8C_.D0.B4.D0.BE.D1.87.D0.B5.D1.80.D0.BD.D0.B8.D0.BC.D0.B8_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82.D0.B0.D0.BC.D0.B8.2C_.D0.B2.D1.85.D0.BE.D0.B4.D1.8F.D1.89.D0.B8.D0.BC.D0.B8_.D0.B2_.D1.81.D0.BE.D1.81.D1.82.D0.B0.D0.B2_.D1.80.D0.BE.D0.B4.D0.B8.D1.82.D0.B5.D0.BB.D1.8C.D1.81.D0.BA.D0.BE.D0.B9_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82.D1.8B_.D0.BA.D0.BE.D0.BD.D1.82.D0.B5.D0.B9.D0.BD.D0.B5.D1.80.D0.B0"></a>Правила наследования значений свойства <b>Видимость</b> дочерними компонентами, входящими в состав родительской компоненты контейнера</h4>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th align="center"> значение свойства у компоненты-контейнера </th>
|
||||
<th align="center"> значение свойства дочерней компоненты </th>
|
||||
<th align="center"> итоговое значение свойства </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>True</code> </td></tr>
|
||||
<tr class="a">
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>False</code> </td></tr>
|
||||
<tr class="b">
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>False</code> </td></tr>
|
||||
<tr class="a">
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>False</code> </td></tr>
|
||||
</tbody>
|
||||
</table></section></section></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,92 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Вкладка.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Вкладка</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Вкладка</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Вкладка</b> - невидимая компонента, используемая только совместно и внутри компоненты <a href="Контейнер_вкладок.html">Контейнер вкладок</a>, в свою очередь, сама является вышестоящим контейнером для дочерних визуальных компонент, которые аналитик планирует разместить в ограниченном пространстве экранного интерфейса. В запущенном приложении выбранная пользователем вкладка отображается поверх других вкладок, не занимая дополнительного места на web странице и закрывая своим содержимым содержимое других вкладок.</p>
|
||||
<p>Используется для оптимизации расположения визуальных компонент в интерфейсе системы, обеспечивая возможность группировки и логического объединения компонент в определенных зонах web-страницы и общее эстетическое и интуитивное восприятие экранного интерфейса пользователем системы.</p>
|
||||
<p>Компонента <b>Вкладка</b> схожа с компонентой <a href="Вертикальный_контейнер.html">Вертикальный контейнер</a> и без дополнительных манипуляций располагает включенные в нее визуальные компоненты в вертикальной последовательности.</p>
|
||||
<p>Компонента <b>Вкладка</b> находится в разделе <b>Компоненты - Контейнеры - Вкладка</b></p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../control-properties.md">набор общих свойств</a> и <a href="../Подгрузка_данных_по_умолчанию.md">подгрузка данных по умолчанию</a>.</p><section>
|
||||
<h2><a name="a.D0.94.D0.BE.D0.BF.D0.BE.D0.BB.D0.BD.D0.B8.D1.82.D0.B5.D0.BB.D1.8C.D0.BD.D1.8B.D0.B5_.D1.84.D1.83.D0.BD.D0.BA.D1.86.D0.B8.D0.B8"></a>Дополнительные функции</h2>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b>Добавить скрипт</b></p>
|
||||
<p>Вследствие технических особенностей реализации функций (функции, которые выполняются удаленно на сервере приложений, функции, которые выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section>
|
||||
<h3><a name="a.D0.A0.D0.B5.D0.BA.D1.83.D1.80.D1.81.D0.B8.D0.B2.D0.BD.D0.BE_.D0.BA.D0.BE.D0.BF.D0.B8.D1.80.D0.BE.D0.B2.D0.B0.D1.82.D1.8C_.D1.81.D0.BE.D1.81.D1.82.D0.B0.D0.B2.D0.BD.D1.8B.D0.B5_.D0.BE.D0.B1.D1.8A.D0.B5.D0.BA.D1.82.D1.8B_.D1.81.D0.BB.D0.BE.D0.B6.D0.BD.D1.8B.D1.85_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82"></a>Рекурсивно копировать составные объекты сложных компонент</h3>
|
||||
<p><code>TODO: описать</code></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p></section></section><section>
|
||||
<h2><a name="a.D0.9C.D0.B5.D1.82.D0.BE.D0.B4.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D0.B5_.D1.80.D0.B5.D0.BA.D0.BE.D0.BC.D0.B5.D0.BD.D0.B4.D0.B0.D1.86.D0.B8.D0.B8_.D0.BF.D0.BE_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E"></a>Методические рекомендации по применению</h2>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_компоненту_Вкладка_на_страницу_.html">Как добавить компоненту “Вкладка” на страницу?</a></li>
|
||||
</ul></section><section>
|
||||
<h2><a name="a.D0.A7.D0.B0.D1.81.D1.82.D0.BE_.D0.B7.D0.B0.D0.B4.D0.B0.D0.B2.D0.B0.D0.B5.D0.BC.D1.8B.D0.B5_.D0.B2.D0.BE.D0.BF.D1.80.D0.BE.D1.81.D1.8B"></a>Часто задаваемые вопросы</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Можно ли в компоненту <b>Вкладка</b> вложить другие контейнеры (Вертикальный, Горизонтальный)? </td>
|
||||
<td> Не только можно, но и должны быть вложены для горизонтального и вертикального выравнивания пользовательского интерфейса </td></tr>
|
||||
<tr class="a">
|
||||
<td> Можно ли расположить визуальные компоненты сразу в <a href="Контейнер_вкладок.html">Контейнер вкладок</a>, а не в компоненте <b>Вкладка</b> ? </td>
|
||||
<td> Можно, но тогда Контейнер вкладок ничем не будет отличаться от <a href="Вертикальный_контейнер.html">Вертикальный контейнер</a> </td></tr>
|
||||
<tr class="b">
|
||||
<td> Чем отличается функциональность набора свойств (<b>Видимость, Обязательность, Недоступно для управления, Подлежит сохранению</b>) у компоненты-контейнера от функциональности одноименных свойств обычной компоненты? </td>
|
||||
<td> Функциональность набора свойств (<b>Видимость, Обязательность, Недоступно для управления, Подлежит сохранению</b>) у компоненты-контейнера отличается от функциональности одноименных свойств у обычной компоненты тем, что значение указанных свойств наследуется с компоненты-контейнера на все компоненты, входящие в состав такой компоненты-контейнера. Правила наследования таковы, что если у вложенного объекта соответствующее свойство выставлено в значение <code>Истина</code>, то оно следует судьбе этого же свойства у компоненты-контейнера, если же значение соответствующего свойства у вложенной компоненты <code>Ложь</code>, то наследования значения этого свойства от компоненты-контейнера не происходит, компонента функционирует в соответствии с собственными настройками. </td></tr>
|
||||
</tbody>
|
||||
</table></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,82 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Вкладки_Управление_Вкладкой_Переход_из_текущей_на_последующую.md at 2022-09-08
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Вкладки. Управление Вкладкой. Переход из текущей на последующую</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Вкладки. Управление “Вкладкой”. Переход из текущей на последующую</h1>
|
||||
<p>Функция, которая используется при работе с компонентой <b><a href="Контейнер_вкладок.html">Контейнер вкладок</a></b> со вложенными компонентами <a href="Вкладка.html">Вкладка</a> и позволяет перейти из текущей вкладки на последующую в пользовательском приложении. Может быть активирована только на компоненте Кнопка.</p>
|
||||
<p>Особенности функции:</p>
|
||||
<ul>
|
||||
|
||||
<li>в запущенном приложении исполняется явно (не требует использования компоненты “Обработка событий” и формирования алгоритма работы с задействованием вновь предоставляемых методов)</li>
|
||||
<li>имеет параметры для настройки аналитиком</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23202961/23203564.png" alt="" /></p>
|
||||
<p>Рис. 1 Внешний вид активированной функции</p>
|
||||
<p><b>Параметры функции</b></p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Пример заполнения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Компонента Вкладки </td>
|
||||
<td> позволяет указать компоненту Контейнер вкладок, на котором размещены вкладки </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Шаг перехода к следующей вкладке </td>
|
||||
<td> позволяет указать количество шагов, на которые нужно перейти </td>
|
||||
<td> пример возможного значения: 1 </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p><b>Пример настройки и применения</b></p>
|
||||
<p><img src="../../attachments/23202961/23203573.png" alt="" /></p>
|
||||
<p>Рис.1 Активация функции на компоненте Кнопки</p>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2022
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,82 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Вкладки_Управление_Вкладкой_Переход_из_текущей_на_предыдущую.md at 2022-09-08
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Вкладки. Управление Вкладкой. Переход из текущей на предыдущую</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Вкладки. Управление “Вкладкой”. Переход из текущей на предыдущую</h1>
|
||||
<p>Функция, которая используется при работе с компонентой <b><a href="Контейнер_вкладок.html">Контейнер вкладок</a></b> со вложенными компонентами <a href="Вкладка.html"><b>Вкладка</b></a> и позволяет перейти из текущей вкладки на предыдущую в пользовательском приложении. Может быть активирована только на компоненте Кнопка.</p>
|
||||
<p>Особенности функции:</p>
|
||||
<ul>
|
||||
|
||||
<li>в запущенном приложении исполняется явно (не требует использования компоненты “Обработка событий” и формирования алгоритма работы с задействованием вновь предоставляемых методов)</li>
|
||||
<li>имеет параметры для настройки аналитиком</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23202966/23203592.png" alt="" /></p>
|
||||
<p>Рис. 1 Внешний вид активированной функции</p>
|
||||
<p><b>Параметры функции</b></p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Пример заполнения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Компонента Вкладки </td>
|
||||
<td> позволяет указать компоненту Контейнер вкладок, на котором размещены вкладки </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Шаг перехода к следующей вкладке </td>
|
||||
<td> позволяет указать количество шагов, на которые нужно перейти </td>
|
||||
<td> пример возможного значения: 1 </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p><b>Пример настройки и применения</b></p>
|
||||
<p><b><img src="../../attachments/23202966/23203600.png" alt="" /></b></p>
|
||||
<p>Рис.1 Активация функции на компоненте Кнопки</p>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2022
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,82 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Вкладки_Управление_Вкладкой_Переход_на_вкладку_по_номеру.md at 2022-09-08
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Вкладки. Управление Вкладкой. Переход на вкладку по номеру</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Вкладки. Управление “Вкладкой”. Переход на вкладку по номеру</h1>
|
||||
<p>Функция, которая используется при работе с компонентой <b><a href="Контейнер_вкладок.html">Контейнер вкладок</a></b> со вложенными компонентами <a href="Вкладка.html">Вкладка</a> и позволяет перейти из текущей вкладки на указанную в функции вкладку в пользовательском приложении. Может быть активирована только на компоненте Кнопка.</p>
|
||||
<p>Особенности функции:</p>
|
||||
<ul>
|
||||
|
||||
<li>в запущенном приложении исполняется явно (не требует использования компоненты “Обработка событий” и формирования алгоритма работы с задействованием вновь предоставляемых методов)</li>
|
||||
<li>имеет параметры для настройки аналитиком</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23203002/23203613.png" alt="" /></p>
|
||||
<p>Рис. 1 Внешний вид активированной функции</p>
|
||||
<p><b>Параметры функции</b></p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Пример заполнения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Компонента Вкладки </td>
|
||||
<td> позволяет указать компоненту Контейнер вкладок, на котором размещены вкладки </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Шаг перехода к следующей вкладке </td>
|
||||
<td> позволяет указать номер вкладки (начиная с 0), на которую нужно перейти </td>
|
||||
<td> пример возможного значения: 1 </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p><b>Пример настройки и применения</b></p>
|
||||
<p><img src="../../attachments/23203002/23203621.png" alt="" /></p>
|
||||
<p>Рис.1 Активация функции на компоненте Кнопки</p>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2022
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,98 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Горизонтальный_контейнер.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Горизонтальный контейнер</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Горизонтальный контейнер</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Горизонтальный контейнер</b> - это невидимая компонента-контейнер, которая позволяет расположить внутри себя набор видимых компонент в горизонтальной последовательности, когда каждая последующая видимая компонента находится справа от предыдущей.</p>
|
||||
<p>Используется для оптимизации расположения компонентов в интерфейсе системы, обеспечивая возможность группировки и логического объединения компонентов в определенных секторах web-страницы и общее эстетическое и интуитивное восприятие экранного интерфейса пользователем системы.</p>
|
||||
<p>Как правило, в состав Горизонтального контейнера включаются визуальные компоненты, но также Горизонтальные контейнеры могут быть размещены обособлено в дереве редактора интерфейса для облегчения чтения аналитиком структуры страницы и включать в себя невизуальные компоненты для служебного использования (предзагрузка значений переменных процесса в компоненты, компоненты с подгруженными значениями по умолчанию, компоненты <a href="../uncategorized/Обработка_событий.md">Обработка событий</a> и т.п.)</p>
|
||||
<p>Компонента <b>Горизонтальный контейнер</b> находится в разделе <b>Компоненты - Контейнеры - Горизонтальный контейнер</b></p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../control-properties.md">набор общих свойств</a> и <a href="../Подгрузка_данных_по_умолчанию.md">подгрузка данных по умолчанию</a></p><section>
|
||||
<h2><a name="a.D0.94.D0.BE.D0.BF.D0.BE.D0.BB.D0.BD.D0.B8.D1.82.D0.B5.D0.BB.D1.8C.D0.BD.D1.8B.D0.B5_.D1.84.D1.83.D0.BD.D0.BA.D1.86.D0.B8.D0.B8"></a>Дополнительные функции</h2>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b>Добавить скрипт</b></p>
|
||||
<p>Вследствие технических особенностей реализации функций (</p>
|
||||
<p><img src="../../attachments/23204188/23204262.png" alt="" /> - функции, которые выполняются удаленно на сервере приложений,</p>
|
||||
<p><img src="../../attachments/23204188/23204263.png" alt="" /> - функции, которые выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section>
|
||||
<h3><a name="a.D0.A0.D0.B5.D0.BA.D1.83.D1.80.D1.81.D0.B8.D0.B2.D0.BD.D0.BE_.D0.BA.D0.BE.D0.BF.D0.B8.D1.80.D0.BE.D0.B2.D0.B0.D1.82.D1.8C_.D1.81.D0.BE.D1.81.D1.82.D0.B0.D0.B2.D0.BD.D1.8B.D0.B5_.D0.BE.D0.B1.D1.8A.D0.B5.D0.BA.D1.82.D1.8B_.D1.81.D0.BB.D0.BE.D0.B6.D0.BD.D1.8B.D1.85_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82"></a>Рекурсивно копировать составные объекты сложных компонент</h3>
|
||||
<p><code>TODO: описать</code></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p></section></section><section>
|
||||
<h2><a name="a.D0.9C.D0.B5.D1.82.D0.BE.D0.B4.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D0.B5_.D1.80.D0.B5.D0.BA.D0.BE.D0.BC.D0.B5.D0.BD.D0.B4.D0.B0.D1.86.D0.B8.D0.B8_.D0.BF.D0.BE_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E"></a>Методические рекомендации по применению</h2>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_компоненту_Горизонтальный_контейнер_на_страницу_.html">Как добавить компоненту “Горизонтальный контейнер” на страницу?</a></li>
|
||||
</ul></section><section>
|
||||
<h2><a name="a.D0.A7.D0.B0.D1.81.D1.82.D0.BE_.D0.B7.D0.B0.D0.B4.D0.B0.D0.B2.D0.B0.D0.B5.D0.BC.D1.8B.D0.B5_.D0.B2.D0.BE.D0.BF.D1.80.D0.BE.D1.81.D1.8B"></a>Часто задаваемые вопросы</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> В чем заключаются лучшие практики использования контейнеров? </td>
|
||||
<td> Чаще всего контейнерами зонируют экранный интерфейс, чтобы добиться эргономичного расположения компонентов на web-странице. Например, в горизонтальный контейнер вкладывают несколько вертикальных, добиваясь, колончатой структуры страницы. Пример такой реализации можно посмотреть в методических рекомендациях по применению. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Что происходит в горизонтальном контейнере, если ширины экрана не хватает для размещения в горизонтальном направлении всех компонент? </td>
|
||||
<td> После заполнения всей доступной ширины web-страницы, система автоматически начинает переносить оставшиеся компоненты на строчку ниже и продолжать заполнять ими ширину экрана, располагая оставшиеся компоненты друг за другом в горизонтальной последовательности. </td></tr>
|
||||
<tr class="b">
|
||||
<td> Насколько глубокую иерархию вложенности можно создать, комбинируя контейнеры между собой? </td>
|
||||
<td> Теоретически, глубина вложенности контейнеров разного типа друг в друга не ограничена. Но на практике комбинирование вложенностью контейнеров применяется для решения конкретной проблемы эргономичного расположения визуальных компонентов на странице </td></tr>
|
||||
<tr class="a">
|
||||
<td> Чем отличается функциональность набора свойств (<b>Видимость, Обязательность, Недоступно для управления, Подлежит сохранению</b>) у компоненты-контейнера от функциональности одноименных свойствобычной компоненты? </td>
|
||||
<td> Функциональность набора свойств (<b>Видимость, Обязательность, Недоступно для управления, Подлежит сохранению</b>) у компоненты-контейнера отличается от функциональности одноименных свойств у обычной компоненты тем, что значение указанных свойств наследуется с компоненты-контейнера на все компоненты, входящие в состав такой компоненты-контейнера. Правила наследования таковы, что если у вложенного объекта соответствующее свойство выставлено в значение <code>Истина</code>, то оно следует судьбе этого же свойства у компоненты-контейнера, если же значение соответствующего свойства у вложенной компоненты <code>Ложь</code>, то наследования значения этого свойства от компоненты-контейнера не происходит, компонента функционирует в соответствии с собственными настройками. </td></tr>
|
||||
</tbody>
|
||||
</table></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,123 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Группа_полей.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Группа полей</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Группа полей</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Группа полей</b> - это визуальная компонента-контейнер, которая позволяет расположить внутри себя набор других видимых компонент в вертикальной последовательности, когда каждая следующая видимая компонента находится на новой строке под предыдущей. По функциональности компонента <b>Группа полей</b> очень близка к компоненте <a href="Вертикальный_контейнер.html">Вертикальный контейнер</a> и отличается от него только визуальным обозначением границ контейнера и возможностью дать заголовок.</p>
|
||||
<p>Используется для оптимизации расположения компонентов в интерфейсе системы, обеспечивая возможность группировки и логического объединения компонентов в определенных секторах web-страницы и общее эстетическое и интуитивное восприятие экранного интерфейса пользователем системы.</p>
|
||||
<p>Компонента <b>Группа полей</b> находится в разделе <b>Компоненты</b> - <b>Контейнеры</b> - <b>Группа полей</b></p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../control-properties.md">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения</th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Заголовок </td>
|
||||
<td> позволяет указать тест заголовка для контейнера <b>Группа полей</b> </td>
|
||||
<td> <i>пример возможного значения:</i> Общие сведения </td></tr>
|
||||
</tbody>
|
||||
</table><section>
|
||||
<h2><a name="a.D0.A4.D1.83.D0.BD.D0.BA.D1.86.D0.B8.D0.B8"></a>Функции</h2>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b><img src="../../attachments/26673293/26673308.png" alt="" /></b>.</p>
|
||||
<p>Вследствие технических особенностей реализации функций(</p>
|
||||
<p><img src="../../attachments/26673293/26673309.png" alt="" /> - функции, которые выполняются удаленно на сервере приложений,</p>
|
||||
<p><img src="../../attachments/26673293/26673310.png" alt="" /> - функции, которые выполняются в браузере пользователя),</p>
|
||||
<p>они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section>
|
||||
<h3><a name="a.D0.A0.D0.B5.D0.BA.D1.83.D1.80.D1.81.D0.B8.D0.B2.D0.BD.D0.BE_.D0.BA.D0.BE.D0.BF.D0.B8.D1.80.D0.BE.D0.B2.D0.B0.D1.82.D1.8C_.D1.81.D0.BE.D1.81.D1.82.D0.B0.D0.B2.D0.BD.D1.8B.D0.B5_.D0.BE.D0.B1.D1.8A.D0.B5.D0.BA.D1.82.D1.8B_.D1.81.D0.BB.D0.BE.D0.B6.D0.BD.D1.8B.D1.85_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82"></a>Рекурсивно копировать составные объекты сложных компонент</h3>
|
||||
<p><code>TODO: описать</code></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p></section></section><section>
|
||||
<h2><a name="a.D0.9C.D0.B5.D1.82.D0.BE.D0.B4.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D0.B5_.D1.80.D0.B5.D0.BA.D0.BE.D0.BC.D0.B5.D0.BD.D0.B4.D0.B0.D1.86.D0.B8.D0.B8_.D0.BF.D0.BE_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E"></a>Методические рекомендации по применению</h2>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_компоненту_Группа_полей_на_страницу_.html">Как добавить компоненту “Группа полей” на страницу?</a></li>
|
||||
</ul></section><section>
|
||||
<h2><a name="a.D0.A7.D0.B0.D1.81.D1.82.D0.BE_.D0.B7.D0.B0.D0.B4.D0.B0.D0.B2.D0.B0.D0.B5.D0.BC.D1.8B.D0.B5_.D0.B2.D0.BE.D0.BF.D1.80.D0.BE.D1.81.D1.8B"></a>Часто задаваемые вопросы</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> В чем заключаются лучшие практики использования контейнеров? </td>
|
||||
<td> Чаще всего контейнерами зонируют экранный интерфейс, чтобы добиться эргономичного расположения компонентов на web-странице. Контейнер <b>Группа полей</b> используется для объединения логически родственных полей ввода и отображения информации в видимую область на экране и явного наименования этой области объединяющим заголовком. По функциональности компонента <b>Группа полей</b> очень близка к компоненте <a href="Вертикальный_контейнер.html">Вертикальный контейнер</a> и отличается от него только визуальным обозначением границ контейнера и возможностью дать заголовок. Все возможности взаимного комбинирования разных видов компонент - контейнеров внутри компоненты-контейнера <b>Группа полей</b> остаются такими же, как и у других компонент-контейнеров. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Насколько глубокую иерархию вложенности можно создать, комбинируя контейнеры между собой </td>
|
||||
<td> Теоретически, глубина вложенности контейнеров разного типа друг в друга не ограничена. Но на практике комбинирование вложенностью контейнеров применяется для решения конкретной проблемы эргономичного расположения визуальных компонентов на странице. </td></tr>
|
||||
<tr class="b">
|
||||
<td> Чем отличается функциональность набора свойств (Видимость, Обязательность, Недоступно для управления, Подлежит сохранению) у компоненты-контейнера от функциональности одноименных свойств обычной компоненты </td>
|
||||
<td> Функциональность набора свойств (Видимость, Обязательность, Недоступно для управления, Подлежит сохранению) у компоненты-контейнера отличается от функциональности одноименных свойств у обычной компоненты тем, что значение указанных свойств наследуется с компоненты-контейнера на все компоненты, входящие в состав такой компоненты-контейнера. Правила наследования таковы, что если у вложенного объекта соответствующее свойство выставлено в значение <code>Истина</code>, то оно следует судьбе этого же свойства у компоненты-контейнера, если же значение соответствующего свойства у вложенной компоненты <code>Ложь</code>, то наследования значения этого свойства от компоненты-контейнера не происходит, компонента функционирует в соответствии с собственными настройками. </td></tr>
|
||||
</tbody>
|
||||
</table></section><section>
|
||||
<h2><a name="a.D0.9F.D1.80.D0.B8.D0.BC.D0.B5.D1.80_.D0.BD.D0.B0.D1.81.D1.82.D1.80.D0.BE.D0.B9.D0.BA.D0.B8"></a>Пример настройки</h2>
|
||||
<p>Задача: сгруппировать поля в панель с рамочкой “Паспортные данные”:</p>
|
||||
<p><img src="attachments/1212435/2228712.png" alt="" /></p>
|
||||
<p>1.Добавить компонент FieldSet на страницу:</p>
|
||||
<p><img src="attachments/1212435/2228688.png" alt="" /></p>
|
||||
<ol style="list-style-type: decimal">
|
||||
|
||||
<li>Добавить компоненты, которые хотите сгруппировать на панели с рамочкой:</li>
|
||||
</ol>
|
||||
<p><img src="attachments/1212435/2228714.png" alt="" /></p>
|
||||
<p>. Настройте свойство Label для добавленных компонентов.</p>
|
||||
<p>. Задайте текст заголовка панели в свойстве heading компонента FieldSet:</p>
|
||||
<p><img src="attachments/1212435/2228715.png" alt="" /></p></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,118 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Диалог.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Диалог</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Диалог</h1><section>
|
||||
<h2><a name="a.D0.9D.D0.B0.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5"></a>Назначение</h2>
|
||||
<p><b>Диалог</b> - это компонента, которая используется для отображения всплывающего диалогового окна на форме страницы. В зависимости от решаемой задачи, по усмотрению бизнес-аналитика, элемент может включать в себя другие компоненты из библиотеки.</p></section><section>
|
||||
<h2><a name="a.D0.A1.D0.B2.D0.BE.D0.B9.D1.81.D1.82.D0.B2.D0.B0"></a>Свойства</h2>
|
||||
<p>Каждая компонента имеет <a href="../control-properties.md">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Заголовок </td>
|
||||
<td> позволяет задать заголовок диалога на странице </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> <code>TODO: переименовать</code> Допускается скрытие через системную <img src="../../attachments/23201785/23202201.png" alt="" /> </td>
|
||||
<td> позволяет задать возможность закрытия диалога по нажатию на системный <img src="../../attachments/23201785/23202201.png" alt="" /> </td>
|
||||
<td> <img src="../../attachments/23201785/23202183.png" alt="" /> - возможно закрыть диалог через <img src="../../attachments/23201785/23202201.png" alt="" />. Значение по умолчанию <img src="../../attachments/23201785/23202184.png" alt="" /> - невозможно закрыть диалог (системный скрыт) </td></tr>
|
||||
<tr class="b">
|
||||
<td> <code>TODO: адаптировать</code>resetValidationStatus </td>
|
||||
<td> позволяет сбросить значения и валидацию полей диалога после его скрытия </td>
|
||||
<td> true - сбрасывать валидацию, false - нет </td></tr>
|
||||
</tbody>
|
||||
</table></section><section>
|
||||
<h2><a name="a.D0.A4.D1.83.D0.BD.D0.BA.D1.86.D0.B8.D0.B8"></a>Функции</h2>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b><img src="../../attachments/23201785/23202209.png" alt="" /></b>.</p>
|
||||
<p>Вследствие технических особенностей реализации функций (</p>
|
||||
<p><img src="../../attachments/23201785/23202210.png" alt="" /> - функции, которые выполняются удаленно на сервере приложений,</p>
|
||||
<p><img src="../../attachments/23201785/23202211.png" alt="" /> - функции, которые выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section>
|
||||
<h3><a name="a.D0.A0.D0.B5.D0.BA.D1.83.D1.80.D1.81.D0.B8.D0.B2.D0.BD.D0.BE_.D0.BA.D0.BE.D0.BF.D0.B8.D1.80.D0.BE.D0.B2.D0.B0.D1.82.D1.8C_.D1.81.D0.BE.D1.81.D1.82.D0.B0.D0.B2.D0.BD.D1.8B.D0.B5_.D0.BE.D0.B1.D1.8A.D0.B5.D0.BA.D1.82.D1.8B_.D1.81.D0.BB.D0.BE.D0.B6.D0.BD.D1.8B.D1.85_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82"></a>Рекурсивно копировать составные объекты сложных компонент</h3>
|
||||
<p><code>TODO: описать</code></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p></section></section><section>
|
||||
<h2><a name="a.D0.9C.D0.B5.D1.82.D0.BE.D0.B4.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D0.B5_.D1.80.D0.B5.D0.BA.D0.BE.D0.BC.D0.B5.D0.BD.D0.B4.D0.B0.D1.86.D0.B8.D0.B8_.D0.BF.D0.BE_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E"></a>Методические рекомендации по применению</h2>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_использовать_Диалог_для_вывода_предупреждения_пользователю_на_странице_.html">Как использовать Диалог для вывода предупреждения пользователю на странице?</a></li>
|
||||
</ul></section><section>
|
||||
<h2><a name="a.D0.A7.D0.B0.D1.81.D1.82.D0.BE_.D0.B7.D0.B0.D0.B4.D0.B0.D0.B2.D0.B0.D0.B5.D0.BC.D1.8B.D0.B5_.D0.B2.D0.BE.D0.BF.D1.80.D0.BE.D1.81.D1.8B"></a>Часто задаваемые вопросы</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> В каких случаях чаще всего используется элемент Диалог?</td>
|
||||
<td> В большинстве случаев, Диалог используется для вывода уведомлений, предупреждений и дополнительной информации пользователю.</td></tr>
|
||||
<tr class="a">
|
||||
<td> Как управлять видимостью компоненты Диалог?</td>
|
||||
<td> Регулировать видимость Диалога можно с помощью Обработчика событий, где для Диалога необходимо задействовать методы “Показать”, “Скрыть”, но не метод “Задать видимость” </td></tr>
|
||||
<tr class="b">
|
||||
<td> Как задать возможность закрытия всплывающего Диалога на странице по нажатию на Кнопку? </td>
|
||||
<td> Для того, чтобы реализовать возможность закрытия Диалога по нажатию на конкретную Кнопку, необходимо добавить на страницу Обработчик событий с соответствующим условием: Если произошло нажатие на Кнопку, тогда скрывать Диалог.</td></tr>
|
||||
<tr class="a">
|
||||
<td> Может ли Диалог выступать в качестве самостоятельного элемента на странице приложения? </td>
|
||||
<td> Нет, Диалог всегда должен содержать в себе вложенные элементы (статичный Текст или Кнопки), иначе его применение не целесообразно. </td></tr>
|
||||
</tbody>
|
||||
</table></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,78 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Диалог_Вызвать.md at 2022-09-08
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Диалог. Вызвать</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Диалог. Вызвать</h1>
|
||||
<p>Функция, которая в режиме исполнения приложения (runtime mode) позволяет вызвать заданное в настройках функции модальное диалоговое окно поверх основной web-страницы экранного интерфейса.</p>
|
||||
<p>Без взаимодействия с этим модальным диалоговым окном, которое впоследствии должно завершиться его закрытием в соответствии с каким-либо алгоритмом, пользователь не сможет продолжить работу с основной web-страницы экранного интерфейса.</p>
|
||||
<p>Функция может быть активирована на любом из видов компоненты Кнопка, но обычной практикой является использование функции <b>Диалог. Вызвать</b>с компонентой Кнопка.</p>
|
||||
<p><img src="../../attachments/23202959/23204032.png" alt="" /></p>
|
||||
<p>Рис. 1 Внешний вид активированной функции</p>
|
||||
<p><b>Параметры функции (табл.1)</b></p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Вызвать диалог </td>
|
||||
<td> Ссылка на компоненту Диалог, обязательный. позволяет указать компоненту Диалог для вызова модального окна поверх основной web-страницы экранного интерфейса </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p><b>Пример настройки и применения</b></p>
|
||||
<p><img src="../../attachments/23202959/23204058.png" alt="" /></p>
|
||||
<p>Рис.2 Активация функции на компоненте Кнопка</p>
|
||||
<p><img src="../../attachments/23202959/23204061.png" alt="" /></p>
|
||||
<p>Рис. 3 Компонента Диалог, которая будет вызываться функцией</p>
|
||||
<p><img src="../../attachments/23202959/23204070.png" alt="" /></p>
|
||||
<p>Рис. 4 Внешний вид вызванного функцией модального окна диалога</p>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2022
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,79 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Диалог_Скрыть.md at 2022-09-08
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Диалог. Скрыть</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Диалог. Скрыть</h1>
|
||||
<p>Функция, которая в режиме исполнения приложения (runtime mode) позволяет скрыть заданное в настройках функции модальное диалоговое окно и продолжить работу с основной web-страницы экранного интерфейса.</p>
|
||||
<p>Функция может быть активирована на любом из видов компоненты Кнопка, но обычной практикой является использование функции <b>Диалог. Скрыть</b> с компонентой Кнопка.</p>
|
||||
<p><img src="../../attachments/23202957/23204052.png" alt="" /></p>
|
||||
<p>Рис. 1 Внешний вид активированной функции</p>
|
||||
<p><b>Параметры функции (табл.1)</b></p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Скрыть диалог </td>
|
||||
<td> Ссылка на компоненту Диалог, обязательный. позволяет указать компоненту Диалог для сокрытия модального окна поверх основной web-страницы экранного интерфейса </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p><b>Пример настройки и применения</b></p>
|
||||
<p><img src="../../attachments/23202957/23204057.png" alt="" /></p>
|
||||
<p>Рис.2 Активация функции на компоненте Кнопка</p>
|
||||
<p><img src="../../attachments/23202957/23204057.png" alt="" /></p>
|
||||
<p>Рис. 3 Компонента Диалог, которая будет скрываться функцией</p>
|
||||
<p><img src="../../attachments/23202957/23204068.png" alt="" /></p>
|
||||
<p>Рис. 4 Внешний вид модального окна диалога, который будет скрыт</p>
|
||||
<p><img src="../../attachments/23202957/23204068.png" alt="" /></p>
|
||||
<p>Рис. 5 Внешний вид web-страницы, когда модальное окно Диалога скрыто функцией</p>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2022
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,166 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Как_добавить_компоненту_Вертикальный_контейнер_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить компоненту Вертикальный контейнер на страницу?</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить компоненту “Вертикальный контейнер” на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b> необходимо расположить на пользовательской странице <i>Карточка задачи</i> набор параметров задачи таким образом, чтобы визуально страница воспринималась, как состоящая из двух одинаковых по ширине колонок, параметры задачи в каждой из которых идут друг под другом.</p>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что страница <i>Карточка задачи</i> уже создана бизнес-аналитиком и визуальные компоненты и источник данных компоненты Форма настроен.</p>
|
||||
<p>Для оптимизации расположения параметров в соответствии с условиями задачи необходимо сделать следующее:</p>
|
||||
<ul>
|
||||
|
||||
<li>внутрь компоненты <i>Форма</i> добавить компоненту <b>Горизонтальный контейнер</b> (рис.1)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23204764/23205038.png" alt="" /></p>
|
||||
<p>Рис.1 Добавление компоненты Горизонтальный контейнер</p>
|
||||
<ul>
|
||||
|
||||
<li>внутрь компоненты <b>Горизонтальный контейнер</b> добавить две компоненты <b>Вертикальный контейнер</b> (рис. 2)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23204764/23205039.png" alt="" /></p>
|
||||
<p>Рис.2 Добавление двух компонент Вертикальный контейнер</p>
|
||||
<ul>
|
||||
|
||||
<li>в настройках компоненты <b>Вертикальный контейнер</b> перейти в <i>Расширенные настройки</i> и задать ширину каждой из компонент <b>Вертикальный контейнер</b> в размере 50% (рис. 3)</li>
|
||||
</ul>
|
||||
|
||||
<div class="table-wrap">
|
||||
|
||||
<p><img src="../../attachments/23204764/23205040.png" alt="" /></p>
|
||||
</div>
|
||||
|
||||
<p><img src="../../attachments/23204764/23205041.png" alt="" /></p>
|
||||
<p>Рис.3 Выставление параметра Ширина в 50% у компонент Вертикальный контейнер</p>
|
||||
<ul>
|
||||
|
||||
<li>внутрь каждой из компонент <b>Вертикальный контейнер</b> расположить визуальные компоненты (рис.4)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23204764/23205044.png" alt="" /></p>
|
||||
<p>Рис.4 Добавление визуальных компонентов в скомбинированные Горизонтальный и вертикальные контейнеры</p>
|
||||
<p>На этом настройка предложенного порядка расположения визуальных компонентов на странице, предусмотренная заданием, завершена.</p>
|
||||
<p>При проверке результата в работающем приложении визуальные компоненты должны выглядеть так:</p>
|
||||
|
||||
<div class="table-wrap">
|
||||
|
||||
<table border="0" class="table table-striped">
|
||||
<tbody>
|
||||
|
||||
<tr class="odd">
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../attachments/23204764/23205042.png" alt="" /></p>
|
||||
</div></td>
|
||||
</tr>
|
||||
|
||||
<tr class="even">
|
||||
|
||||
<td>
|
||||
<p>Рис. 5 Представление визуальных компонентов после использования Горизонтального и Вертикального контейнеров.</p>
|
||||
|
||||
<p>Страница воспринимается как состоящая из 2 столбцов одинаковой ширины, в которых визуальные компоненты расположены в вертикальном направлении друг за другом</p></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p>Тот же самый набор визуальных компонентов, расположенный в составе компоненты Форма, без использования контейнеров выглядел бы так:</p>
|
||||
|
||||
<div class="table-wrap">
|
||||
|
||||
<table border="0" class="table table-striped">
|
||||
<tbody>
|
||||
|
||||
<tr class="odd">
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../attachments/23204764/23205046.png" width="600" alt="" /></p>
|
||||
</div></td>
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../attachments/23204764/23205047.png" width="700" alt="" /></p>
|
||||
</div></td>
|
||||
</tr>
|
||||
|
||||
<tr class="even">
|
||||
|
||||
<td>
|
||||
<p>Рис. 6 Все визуальные компоненты расположены внутри компоненты Форма.</p>
|
||||
|
||||
<p>Компонента Форма сама по себе является Вертикальным контейнером !</p></td>
|
||||
|
||||
<td>
|
||||
<p>Рис. 7 Расположение визуальных компонентов в запущенное приложении без использования комбинации Горизонтальных и Вертикальных контейнеров.</p>
|
||||
|
||||
<p>Поскольку Компонента Форма сама по себе является Вертикальным контейнером, то все визуальные компоненты расположены в один столбик в вертикальной последовательности</p></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23204768/23205049.png">image2019-3-12_18-13-53.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23204768/23205050.png">image2019-3-12_18-15-38.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23204768/23205051.png">image2019-3-12_18-16-59.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23204768/23205052.png">image2019-3-12_18-17-7.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23204768/23205053.png">image2019-3-12_18-42-37.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23204768/23205054.png">image2019-3-12_18-37-14.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23204768/23205055.png">image2019-3-12_18-48-28.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23204768/23205056.png">image2019-3-12_18-50-18.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,115 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Как_добавить_компоненту_Вкладка_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить компоненту Вкладка на страницу?</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить компоненту “Вкладка” на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b> необходимо расположить на пользовательской странице <i>Карточка задачи</i> набор параметров задачи таким образом, чтобы визуально страница воспринималась, как состоящая из двух вкладок, каждая со своим набором параметров задачи (вкладка “общие параметры” и вкладка “сотрудники”).</p>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что страница<i>Карточка задачи</i>уже создана бизнес-аналитиком и визуальные компоненты и источник данных компоненты Форма настроен.</p>
|
||||
<p>Для оптимизации расположения параметров в соответствии с условиями задачи необходимо сделать следующее:</p>
|
||||
<ul>
|
||||
|
||||
<li>внутрь компоненты <i>Форма</i> добавить компоненту <b>Контейнер вкладок</b> (рис.1)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23205934/23205955.png" alt="" /></p>
|
||||
<p>Рис.1 Добавление компоненты Контейнер вкладок</p>
|
||||
<ul>
|
||||
|
||||
<li>внутрь компоненты <b>Контейнер вкладок</b> добавить две компоненты <b>Вкладка</b> (рис. 2)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23205934/23205956.png" alt="" /></p>
|
||||
<p>Рис.2 Добавление двух компонент Вкладка</p>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
|
||||
<p>оставляем значения параметров компоненты “Контейнер вкладок” в состоянии ‘по умолчанию’</p>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<p>внутрь каждой из компонент <b>Вкладка</b> располагаем визуальные компоненты (рис.4)</p>
|
||||
</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23205934/23205957.png" alt="" /></p>
|
||||
<p>Рис.4 Добавление визуальных компонентов в скомбинированные компоненты-контейнеры “Контейнер вкладок” и “Вкладка”</p>
|
||||
<p>На этом настройка предложенного порядка расположения визуальных компонентов на странице, предусмотренная заданием, завершена.</p>
|
||||
<p>При проверке результата в работающем приложении визуальные компоненты должны выглядеть так:</p>
|
||||
|
||||
<div class="table-wrap">
|
||||
|
||||
<p><img src="../../attachments/23205934/23205963.png" alt="" /></p>
|
||||
</div>
|
||||
|
||||
<p><img src="../../attachments/23205934/23205964.png" alt="" /></p>
|
||||
<p>Рис. 5 Представление визуальных компонентов после использования компоненты-контейнеры “Контейнер вкладок” и “Вкладка”</p>
|
||||
<p>Страница воспринимается как состоящая из 2 вкладок, в которых визуальные компоненты расположены в вертикальном направлении друг за другом</p>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="images/icons/bullet_blue.gif" alt="" /> <a href="attachments/23205934/23205944.png">image2019-3-12_18-13-53.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="attachments/23205934/23205945.png">image2019-3-12_18-15-38.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="attachments/23205934/23205946.png">image2019-3-12_18-16-59.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="attachments/23205934/23205947.png">image2019-3-12_18-17-7.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="attachments/23205934/23205948.png">image2019-3-12_18-42-37.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="attachments/23205934/23205949.png">image2019-3-12_18-37-14.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="attachments/23205934/23205950.png">image2019-3-12_18-48-28.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="attachments/23205934/23205951.png">image2019-3-12_18-50-18.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="attachments/23205934/23205955.png">image2019-3-21_18-15-20.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="attachments/23205934/23205956.png">image2019-3-21_18-16-48.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="attachments/23205934/23205957.png">image2019-3-21_18-20-2.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="attachments/23205934/23205959.png">image2019-3-21_18-30-7.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="attachments/23205934/23205960.png">image2019-3-21_18-31-15.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="attachments/23205934/23205961.png">image2019-3-21_18-33-4.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="attachments/23205934/23205963.png">image2019-3-21_18-37-29.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="attachments/23205934/23205964.png">image2019-3-21_18-41-37.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,173 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Как_добавить_компоненту_Горизонтальный_контейнер_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить компоненту Горизонтальный контейнер на страницу?</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить компоненту “Горизонтальный контейнер” на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b> необходимо расположить на пользовательской странице <i>Карточка задачи</i> набор параметров задачи таким образом, чтобы визуально страница воспринималась, как состоящая из двух одинаковых по ширине колонок, параметры задачи в каждой из которых идут друг под другом.</p>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что страница <i>Карточка задачи</i> уже создана бизнес-аналитиком и визуальные компоненты и источник данных компоненты Форма настроен.</p>
|
||||
<p>Для оптимизации расположения параметров в соответствии с условиями задачи необходимо сделать следующее:</p>
|
||||
<ul>
|
||||
|
||||
<li>внутрь компоненты <i>Форма</i> добавить компоненту <b>Горизонтальный контейнер</b> (рис.1)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23204764/23205038.png" alt="" /></p>
|
||||
<p>Рис.1 Добавление компоненты Горизонтальный контейнер</p>
|
||||
<ul>
|
||||
|
||||
<li>внутрь компоненты <b>Горизонтальный контейнер</b> добавить две компоненты <b>Вертикальный контейнер</b> (рис. 2)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23204764/23205039.png" alt="" /></p>
|
||||
<p>Рис.2 Добавление двух компонент Вертикальный контейнер</p>
|
||||
<ul>
|
||||
|
||||
<li>в настройках компоненты <b>Вертикальный контейнер</b> перейти в <i>Расширенные настройки</i> и задать ширину каждой из компонент <b>Вертикальный контейнер</b> в размере 50% (рис. 3)</li>
|
||||
</ul>
|
||||
|
||||
<div class="table-wrap">
|
||||
|
||||
<p><img src="../../attachments/23204764/23205040.png" alt="" /></p>
|
||||
</div>
|
||||
|
||||
<p><img src="../../attachments/23204764/23205041.png" alt="" /></p>
|
||||
<p>Рис.3 Выставление параметра Ширина в 50% у компонент Вертикальный контейнер</p>
|
||||
<ul>
|
||||
|
||||
<li>внутрь каждой из компонент <b>Вертикальный контейнер</b> расположить визуальные компоненты (рис.4)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23204764/23205044.png" alt="" /></p>
|
||||
<p>Рис.4 Добавление визуальных компонентов в скомбинированные Горизонтальный и вертикальные контейнеры</p>
|
||||
<p>На этом настройка предложенного порядка расположения визуальных компонентов на странице, предусмотренная заданием, завершена.</p>
|
||||
<p>При проверке результата в работающем приложении визуальные компоненты должны выглядеть так:</p>
|
||||
|
||||
<div class="table-wrap">
|
||||
|
||||
<table border="0" class="table table-striped">
|
||||
<tbody>
|
||||
|
||||
<tr class="odd">
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../attachments/23204764/23205042.png" alt="" /></p>
|
||||
</div></td>
|
||||
</tr>
|
||||
|
||||
<tr class="even">
|
||||
|
||||
<td>
|
||||
<p>Рис. 5 Представление визуальных компонентов после использования Горизонтального и Вертикального контейнеров.</p>
|
||||
|
||||
<p>Страница воспринимается как состоящая из 2 столбцов одинаковой ширины, в которых визуальные компоненты расположены в вертикальном направлении друг за другом</p></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p>Тот же самый набор визуальных компонентов, расположенный в составе компоненты Форма, без использования контейнеров выглядел бы так:</p>
|
||||
|
||||
<div class="table-wrap">
|
||||
|
||||
<table border="0" class="table table-striped">
|
||||
<tbody>
|
||||
|
||||
<tr class="odd">
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../attachments/23204764/23205046.png" width="600" alt="" /></p>
|
||||
</div></td>
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../attachments/23204764/23205047.png" width="700" alt="" /></p>
|
||||
</div></td>
|
||||
</tr>
|
||||
|
||||
<tr class="even">
|
||||
|
||||
<td>
|
||||
<p>Рис. 6 Все визуальные компоненты расположены внутри компоненты Форма.</p>
|
||||
|
||||
<p>Компонента Форма сама по себе является Вертикальным контейнером !</p></td>
|
||||
|
||||
<td>
|
||||
<p>Рис. 7 Расположение визуальных компонентов в запущенное приложении без использования комбинации Горизонтальных и Вертикальных контейнеров.</p>
|
||||
|
||||
<p>Поскольку Компонента Форма сама по себе является Вертикальным контейнером, то все визуальные компоненты расположены в один столбик в вертикальной последовательности</p></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23204764/23204771.png">image2019-3-7_17-38-11.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23204764/23204772.png">image2019-3-7_17-39-51.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23204764/23204773.png">image2019-3-7_18-12-24.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23204764/23204774.png">image2019-3-11_10-15-47.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23204764/23204775.png">image2019-3-11_10-16-20.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23204764/23204776.png">image2019-3-7_18-15-45.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23204764/23204777.png">image2019-3-11_18-8-46.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23204764/23205038.png">image2019-3-12_18-13-53.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23204764/23205039.png">image2019-3-12_18-15-38.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23204764/23205040.png">image2019-3-12_18-16-59.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23204764/23205041.png">image2019-3-12_18-17-7.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23204764/23205042.png">image2019-3-12_18-37-14.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23204764/23205044.png">image2019-3-12_18-42-37.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23204764/23205046.png">image2019-3-12_18-48-28.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23204764/23205047.png">image2019-3-12_18-50-18.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,157 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Как_добавить_компоненту_Группа_полей_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить компоненту Группа полей на страницу?</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить компоненту “Группа полей” на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b> необходимо на пользовательской странице <i>Карточка задачи</i> сгруппировать и расположить набор параметров задачи по подразделам “Общие сведения”, “Сроки”, “Действующие лица”.</p>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что страница <i>Карточка задачи</i> уже создана бизнес-аналитиком, визуальные компоненты и источник данных компоненты Форма настроен.</p>
|
||||
<p>Для расположения параметров в соответствии с условиями задачи необходимо сделать следующее:</p>
|
||||
<ul>
|
||||
|
||||
<li>внутрь компоненты <i>Форма</i> добавить несколько компонент <b>Группа полей</b> (рис.1)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/26673325/26673335.png" alt="" /></p>
|
||||
<p>Рис.1 Добавление компоненты Группа полей</p>
|
||||
<ul>
|
||||
|
||||
<li>переименовать компоненты <b>Группа полей</b> и дать им одноименные заголовки (рис. 2)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/26673325/26673336.png" alt="" /></p>
|
||||
<p>Рис.2 Переименование и озаглавливание компонент Группа полей</p>
|
||||
<ul>
|
||||
|
||||
<li>внутри каждой из компонент Группа полей расположить визуальные компоненты для ввода и отображения информации (рис. 3)</li>
|
||||
</ul>
|
||||
|
||||
<div class="table-wrap">
|
||||
|
||||
<table border="0" class="table table-striped">
|
||||
<tbody>
|
||||
|
||||
<tr class="odd">
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../attachments/26673325/26673341.png" alt="" /></p>
|
||||
</div></td>
|
||||
</tr>
|
||||
|
||||
<tr class="even">
|
||||
|
||||
<td>Рис.3 Распределение полей ввода и отображения информации по компонентам Группа полей</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p>На этом настройка предложенного порядка расположения визуальных компонентов на странице, предусмотренная заданием, завершена.</p>
|
||||
<p>При проверке результата в работающем приложении визуальные компоненты должны выглядеть так:</p>
|
||||
<p><img src="../../attachments/26673325/26673343.png" alt="" /> Рис. 4 Представление визуальных компонентов после использования компонент - контейнеров Группа полей Страница воспринимается как совокупность 3 логических блоков, следующих в вертикальном направлении друг за другом</p>
|
||||
<p>Тот же самый набор визуальных компонентов, расположенный в составе компоненты Форма, без использования контейнеров выглядел бы так:</p>
|
||||
|
||||
<div class="table-wrap">
|
||||
|
||||
<table border="0" class="table table-striped">
|
||||
<tbody>
|
||||
|
||||
<tr class="odd">
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../attachments/26673325/26673344.png" alt="" /></p>
|
||||
</div></td>
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../attachments/26673325/26673345.png" alt="" /></p>
|
||||
</div></td>
|
||||
</tr>
|
||||
|
||||
<tr class="even">
|
||||
|
||||
<td>
|
||||
<p>Рис. 5 Все визуальные компоненты расположены внутри компоненты Форма.</p>
|
||||
|
||||
<p>Компонента Форма сама по себе является Вертикальным контейнером !</p></td>
|
||||
|
||||
<td>
|
||||
<p>Рис. 6 Расположение визуальных компонентов в запущенном приложении без использования компонент- контейнеров Группа полей.</p>
|
||||
|
||||
<p>Поскольку Компонента Форма сама по себе является Вертикальным контейнером, то все визуальные компоненты расположены в один столбик в вертикальной последовательности</p></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673325/26673327.png">image2019-3-12_18-13-53.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673325/26673328.png">image2019-3-12_18-15-38.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673325/26673329.png">image2019-3-12_18-16-59.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673325/26673330.png">image2019-3-12_18-17-7.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673325/26673331.png">image2019-3-12_18-42-37.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673325/26673332.png">image2019-3-12_18-37-14.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673325/26673333.png">image2019-3-12_18-48-28.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673325/26673334.png">image2019-3-12_18-50-18.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673325/26673335.png">image2019-7-8_12-5-31.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673325/26673336.png">image2019-7-8_12-36-8.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673325/26673337.png">image2019-7-8_12-39-16.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673325/26673341.png">image2019-7-8_12-42-2.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673325/26673343.png">image2019-7-8_12-45-21.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673325/26673344.png">image2019-7-8_12-47-44.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673325/26673345.png">image2019-7-8_12-53-13.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,90 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Как_добавить_компоненту_Контейнер_вкладок_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить компоненту Контейнер вкладок на страницу?</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить компоненту “Контейнер вкладок” на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b> необходимо расположить на пользовательской странице <i>Карточка задачи</i> набор параметров задачи таким образом, чтобы визуально страница воспринималась, как состоящая из двух вкладок, каждая со своим набором параметров задачи (вкладка “общие параметры” и вкладка “сотрудники”).</p>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что страница <i>Карточка задачи</i> уже создана бизнес-аналитиком и визуальные компоненты и источник данных компоненты Форма настроен.</p>
|
||||
<p>Для оптимизации расположения параметров в соответствии с условиями задачи необходимо сделать следующее:</p>
|
||||
<ul>
|
||||
|
||||
<li>внутрь компоненты <i>Форма</i> добавить компоненту <b>Контейнер вкладок</b> (рис.1)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23205934/23205955.png" alt="" /></p>
|
||||
<p>Рис.1 Добавление компоненты Контейнер вкладок</p>
|
||||
<ul>
|
||||
|
||||
<li>внутрь компоненты <b>Контейнер вкладок</b> добавить две компоненты <b>Вкладка</b> (рис. 2)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23205934/23205956.png" alt="" /></p>
|
||||
<p>Рис.2 Добавление двух компонент Вкладка</p>
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
|
||||
<p>оставляем значения параметров компоненты “Контейнер вкладок” в состоянии ‘по умолчанию’</p>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<p>внутрь каждой из компонент <b>Вкладка</b> располагаем визуальные компоненты (рис.4)</p>
|
||||
</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23205934/23205957.png" alt="" /></p>
|
||||
<p>Рис.4 Добавление визуальных компонентов в скомбинированные компоненты-контейнеры “Контейнер вкладок” и “Вкладка”</p>
|
||||
<p>На этом настройка предложенного порядка расположения визуальных компонентов на странице, предусмотренная заданием, завершена.</p>
|
||||
<p>При проверке результата в работающем приложении визуальные компоненты должны выглядеть так:</p>
|
||||
|
||||
<div class="table-wrap">
|
||||
|
||||
<p><img src="../../attachments/23205934/23205963.png" alt="" /></p>
|
||||
</div>
|
||||
|
||||
<p><img src="../../attachments/23205934/23205964.png" alt="" /></p>
|
||||
<p>Рис. 5 Представление визуальных компонентов после использования компоненты-контейнеры “Контейнер вкладок” и “Вкладка”</p>
|
||||
<p>Страница воспринимается как состоящая из 2 вкладок, в которых визуальные компоненты расположены в вертикальном направлении друг за другом</p>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,191 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Как_добавить_компоненту_Контейнер_кнопок_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить компоненту Контейнер кнопок на страницу?</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить компоненту “Контейнер кнопок” на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b> на пользовательской странице <i>Карточка задачи</i> требуется эргономично реализовать кнопки печати карточки задачи, карточки проекта, списка всех изменений по задаче. списка всех задействованных по задаче специалистов.</p>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что страница <i>Карточка задачи</i> уже создана бизнес-аналитиком, визуальные компоненты с основными параметрами задачи и источник данных компоненты Форма настроен.</p>
|
||||
<p>Для выполнения поставленных в задаче требований:</p>
|
||||
<ul>
|
||||
|
||||
<li>в состав page добавить Горизонтальный контейнер и назвать его Кнопки (рис.1)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/26673465/26673473.png" alt="" /></p>
|
||||
<p>Рис.1 Добавление Горизонтального контейнера</p>
|
||||
<ul>
|
||||
|
||||
<li>внутри горизонтального контейнера расположить компоненту “Контейнер с кнопками”, а также несколько простых компонент “Кнопка” (рис. 2)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/26673465/26673474.png" alt="" /></p>
|
||||
<p>Рис.2 Добавление компоненты Контейнер с кнопками и несколькообычных кнопок</p>
|
||||
<ul>
|
||||
|
||||
<li>внутри компоненты “Контейнер с кнопками” расположить визуальные компоненты “Кнопка печати” для печати форм отчетов, определенных условиями задачи (рис. 3)</li>
|
||||
</ul>
|
||||
|
||||
<div class="table-wrap">
|
||||
|
||||
<table border="0" class="table table-striped">
|
||||
<tbody>
|
||||
|
||||
<tr class="odd">
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../attachments/26673465/26673476.png" alt="" /></p>
|
||||
</div></td>
|
||||
</tr>
|
||||
|
||||
<tr class="even">
|
||||
|
||||
<td>Рис.3 Наполнение компоненты "Контейнер с кнопками" простыми визуальными компонентами "Кнопка печати"</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p>На этом настройка предложенного порядка расположения визуальных компонентов на странице, предусмотренная заданием, завершена.</p>
|
||||
<p>При проверке результата в работающем приложении визуальные компоненты должны выглядеть так:</p>
|
||||
|
||||
<div class="table-wrap">
|
||||
|
||||
<table border="0" class="table table-striped">
|
||||
<tbody>
|
||||
|
||||
<tr class="odd">
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../attachments/26673465/26673478.png" alt="" /></p>
|
||||
</div></td>
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../attachments/26673465/26673479.png" alt="" /></p>
|
||||
</div></td>
|
||||
</tr>
|
||||
|
||||
<tr class="even">
|
||||
|
||||
<td>
|
||||
<p>Рис. 4 Представление визуальных компонентов после использования компоненты "Контейнер с кнопками".</p>
|
||||
|
||||
<p>Все возможности печати скрыты за объединяющей кнопкой.</p></td>
|
||||
|
||||
<td>
|
||||
<p>Рис. 5 Представление визуальных компонентов после использования компоненты "Контейнер с кнопками" с раскрытыми кнопками, предоставляющими заданные возможности распечатки отчетов.</p>
|
||||
|
||||
<p><br />
|
||||
</p></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p>Тот же самый набор возможностей печати без использования компоненты “Контейнер с кнопками” выглядел бы так:</p>
|
||||
|
||||
<div class="table-wrap">
|
||||
|
||||
<table border="0" class="table table-striped">
|
||||
<tbody>
|
||||
|
||||
<tr class="odd">
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../attachments/26673465/26673482.png" alt="" /></p>
|
||||
</div></td>
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../attachments/26673465/26673483.png" alt="" /></p>
|
||||
</div></td>
|
||||
</tr>
|
||||
|
||||
<tr class="even">
|
||||
|
||||
<td>
|
||||
<p>Рис. 6 Все компоненты "Кнопка" последовательно расположены внутри "Горизонтального контейнера".</p>
|
||||
|
||||
<p><br />
|
||||
</p></td>
|
||||
|
||||
<td>
|
||||
<p>Рис. 7 Расположение визуальных компонентов в приложении без использования компоненты "Контейнер с кнопками".</p></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673465/26673467.png">image2019-7-8_12-5-31.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673465/26673468.png">image2019-7-8_12-36-8.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673465/26673469.png">image2019-7-8_12-42-2.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673465/26673470.png">image2019-7-8_12-45-21.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673465/26673471.png">image2019-7-8_12-47-44.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673465/26673472.png">image2019-7-8_12-53-13.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673465/26673473.png">image2019-7-11_17-27-13.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673465/26673474.png">image2019-7-11_17-30-5.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673465/26673476.png">image2019-7-11_17-39-6.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673465/26673478.png">image2019-7-11_17-45-28.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673465/26673479.png">image2019-7-11_17-47-3.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673465/26673482.png">image2019-7-11_17-59-10.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673465/26673483.png">image2019-7-11_18-21-3.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,135 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Как_добавить_компоненту_Набор_фильтров_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить компоненту Набор фильтров на страницу?</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить компоненту “Набор фильтров” на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b></p>
|
||||
<p>На пользовательской странице необходимо расположить “Набор фильтров” который будет включать в себя текстовый фильтр.</p>
|
||||
<p>Элементы на странице должны иметь следующие настройки:</p>
|
||||
<ul>
|
||||
|
||||
<li><i>Блок фильтрации</i> на странице должен иметь подзаголовок-Фильтр по сотрудникам, реализованный с помощью компоненты <i><a href="../fields/Текст.md">Текст</a></i></li>
|
||||
<li><i>Набор фильтров</i> должен содержать внутри себя <a href="../fields/filters/Фильтр_по_текстовому_полю.md">Текстовое поле (фильтр)</a> и ссылаться на Таблицу поиска. Поиск по таблице должен осуществляться после ввода данных в поле фильтрации.</li>
|
||||
</ul>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что страница, где необходимо разместить Таблицу и Набор фильтров, уже создана бизнес-аналитиком и включена в логику бизнес-процесса. Для добавления на страницу и настройки компонент по условиям задачинеобходимо сделать следующее:</p>
|
||||
<p><b>1. Добавление элементов:</b></p>
|
||||
<ul>
|
||||
|
||||
<li>Добавить на страницу <b><b>контейнер <a href="Набор_фильтров.html">Набор фильтров</a></b></b> (рис.1)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23206365/23206460.png" alt="" /></p>
|
||||
<p>рис.1 Добавление элемента <a href="Набор_фильтров.html">Набор фильтров</a></p>
|
||||
<ul>
|
||||
|
||||
<li>Добавить компоненту <a href="../fields/Текст.md">Текст</a> внутрь Набора фильтров, которая будет являться заголовком блока фильтрации (рис.2)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23206365/23206461.png" alt="" /></p>
|
||||
<p>рис.2 Добавление элемента <a href="../fields/Текст.md">Текст</a></p>
|
||||
<ul>
|
||||
|
||||
<li>Добавить внутрь контейнера <a href="Набор_фильтров.html">Набор фильтров</a> компоненту Фильтр по текстовому полю (рис.3)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23206365/23206462.png" alt="" /></p>
|
||||
<p>рис.3 Добавление компонент Фильтр по текстовому полю</p>
|
||||
<ul>
|
||||
|
||||
<li>Добавить на страницу <a href="../grids/Таблица.md">Таблицу</a>,в которой будет отображаться информация о сотрудниках и по значениям которой будет осуществляться поиск записей с помощью фильтров (рис.4)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23206365/23206463.png" alt="" /></p>
|
||||
<p>рис.4 Добавление элемента <a href="../grids/Таблица.md">Таблица</a></p>
|
||||
<p><b>2. Настройка элементов:</b></p>
|
||||
<ul>
|
||||
|
||||
<li>Настройка <a href="Набор_фильтров.html">Набора фильтров</a>: переносим объект <a href="../grids/Таблица.md">Таблица</a>, удерживая левую кнопку мыши, в свойство “Применить к…” <a href="Набор_фильтров.html">Набор фильтров</a> как показано на рисунке (рис.5) и настроить остальные свойства (рис.6)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23206365/23206464.png" alt="" /></p>
|
||||
<p>рис.5 Настройка <a href="Набор_фильтров.html">Набор фильтров</a></p>
|
||||
<p><img src="../../attachments/23206365/23206465.png" alt="" /></p>
|
||||
<p>рис.6 Настройка <a href="Набор_фильтров.html">Набор фильтров</a></p>
|
||||
<ul>
|
||||
|
||||
<li>Заполняем свойство <b>Надпись</b> у компоненты <a href="../fields/Текст.md">Текст</a> значением Фильтр по сотрудникам (рис.7)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23206365/23206466.png" alt="" /></p>
|
||||
<p>рис.7 Настройка элемента <a href="../fields/Текст.md">Текст</a></p>
|
||||
<ul>
|
||||
|
||||
<li>Заполняем у элемента Таблица следующие свойства: <b>Таблица. Подгрузка данных - Источник данных - Граф сущностей</b> (как описано в разделе <i><a href="../Настройка_Графа_сущностей.md">Настройка Графа сущностей</a></i>) и настраиваем колонки Таблицы (как описано в разделе <i><a href="../grids/Настройка_колонок_Таблицы.md">Настройка колонок Таблицы</a></i>) в блоке <b>Таблица. Настроить колонки таблицы</b> согласно условиям задачи (рис.8)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23206365/23206467.png" alt="" /></p>
|
||||
<p>рис.8 Настройка элемента <a href="../grids/Таблица.md">Таблица</a></p>
|
||||
<ul>
|
||||
|
||||
<li>Заполняем свойства компонент фильтрации по текстовому полю согласно условиям задачи (рис.9)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23206365/23206468.png" alt="" /></p>
|
||||
<p>рис.9 Настройка Фильтра по текстовому полю</p>
|
||||
<p><span class="underline"><b>Результат выполнения задачи:</b></span></p>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что условия задачи соблюдены и на странице отображается блок фильтрации, включающий в себя фильтры по тестовому полю (рис.10).</p>
|
||||
<p><img src="../../attachments/23206365/23206469.png" alt="" /></p>
|
||||
<p>рис.10 Визуальное отображение выполнения условий задачи</p>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23206365/23206460.png">image2019-4-4_16-52-19.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23206365/23206461.png">image2019-4-4_16-53-23.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23206365/23206462.png">image2019-4-4_16-53-57.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23206365/23206463.png">image2019-4-4_16-54-39.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23206365/23206464.png">image2019-4-4_16-55-53.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23206365/23206465.png">image2019-4-4_16-56-41.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23206365/23206466.png">image2019-4-4_16-56-54.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23206365/23206467.png">image2019-4-4_16-58-41.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23206365/23206468.png">image2019-4-4_16-58-55.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23206365/23206469.png">image2019-4-4_16-59-36.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,161 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Как_добавить_компоненту_Сворачиваемая_панель_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить компоненту Сворачиваемая панель на страницу?</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить компоненту “Сворачиваемая панель” на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b></p>
|
||||
<p>На пользовательской странице необходимо расположить “Сворачиваемую панель” которая будет включать в себя Поле многострочного ввода, поле Дата и денежное поле.</p>
|
||||
<p>Элементы на странице должны иметь следующие настройки:</p>
|
||||
<ul>
|
||||
|
||||
<li><i>Сворачиваемая панель:</i>
|
||||
<ul>
|
||||
|
||||
<li><i>заголовок</i>: Дополнительная информация об услуге</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><i>Дата</i>:
|
||||
<ul>
|
||||
|
||||
<li><i>Надпись</i>: Дата предоставления услуги</li>
|
||||
<li><i>Формат</i>: Дата со временем</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><i>Поле многострочного ввода:</i>
|
||||
<ul>
|
||||
|
||||
<li><i>Надпись:</i> Описание проведенных работ</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><i>Денежное поле:</i>
|
||||
<ul>
|
||||
|
||||
<li><i>Надпись:</i> Стоимость услуг</li>
|
||||
<li><i>Количество знаков после запятой</i></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что страница, где необходимо разместить Таблицуи Набор фильтров, уже создана бизнес-аналитиком и включена в логику бизнес-процесса. Для добавления на страницу и настройки компонент по условиям задачинеобходимо сделать следующее:</p>
|
||||
<p><b>1. Добавление элементов:</b></p>
|
||||
<ul>
|
||||
|
||||
<li>Добавить на страницу контейнер Сворачиваемая панель (рис.1)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23206623/23206661.png" alt="" /></p>
|
||||
<p>рис.1 Добавление элемента Сворачиваемая панель</p>
|
||||
<ul>
|
||||
|
||||
<li>Добавить компоненту <a href="../fields/Дата.md">Дата</a> внутрь Сворачиваемой панели (рис.2)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23206623/23206662.png" alt="" /></p>
|
||||
<p>рис.2 Добавление элемента Дата.</p>
|
||||
<ul>
|
||||
|
||||
<li>Добавить внутрь Сворачиваемой панели компоненту <a href="../fields/Многострочное_поле.md">Многострочное поле</a> (рис.3)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23206623/23206664.png" alt="" /></p>
|
||||
<p>рис.2 Добавление элемента Поле многострочного ввода.</p>
|
||||
<ul>
|
||||
|
||||
<li>Добавить внутрь Сворачиваемой панели компоненту <a href="../fields/Денежное_поле.md">Денежное поле</a> (рис.3)</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23206623/23206665.png" alt="" /></p>
|
||||
<p>рис.3 Добавление элемента Денежное поле.</p>
|
||||
<p><b>2. Настройка элементов:</b></p>
|
||||
<ul>
|
||||
|
||||
<li>НастройкаСворачиваемой панели, заполняем Заголовок. Как показано на рисунке (рис.4).</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23206623/23206669.png" alt="" /></p>
|
||||
<p>рис.4 НастройкаСворачиваемая панель</p>
|
||||
<ul>
|
||||
|
||||
<li>Настройка поля Дата, заполняем Надпись. Как показано на рисунке (рис.5).</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23206623/23206670.png" alt="" /></p>
|
||||
<p>рис.5 Настройка Дата</p>
|
||||
<ul>
|
||||
|
||||
<li>Настройка Поле многострочного ввода, заполняем Надпись. Как показано на рисунке (рис.6).</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23206623/23206671.png" alt="" /></p>
|
||||
<p>рис.6 НастройкаПоле многострочного ввода.</p>
|
||||
<ul>
|
||||
|
||||
<li>Настройка Денежное поле, заполняем Надпись. Указываем количество знаков после запятой. Как показано на рисунке (рис.7).</li>
|
||||
</ul>
|
||||
<p><img src="../../attachments/23206623/23206672.png" alt="" /></p>
|
||||
<p>рис.7 Настройка Денежного поля.</p>
|
||||
<p><span class="underline"><b>Результат выполнения задачи:</b></span></p>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что условия задачи соблюдены и на странице отображается Сворачиваемая панель, включающий в себя необходимые поля. Сворачиваемая панель в свернутом состоянии рис.8. Сворачиваемая панель в развернутом виде рис. 9.<span class="underline">**<br />
|
||||
**</span></p>
|
||||
<p><span class="underline"><b><img src="../../attachments/23206623/23206676.png" alt="" /></b></span></p>
|
||||
<p>рис.8 Визуальное отображение выполнения условий задачи</p>
|
||||
<p><span class="underline"><b><img src="../../attachments/23206623/23206677.png" alt="" /></b></span></p>
|
||||
<p>рис.9 Визуальное отображение выполнения условий задачи</p>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23206623/23206661.png">image2019-4-8_11-21-56.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23206623/23206662.png">image2019-4-8_11-22-43.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23206623/23206664.png">image2019-4-8_11-23-9.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23206623/23206665.png">image2019-4-8_11-23-32.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23206623/23206669.png">image2019-4-8_11-24-7.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23206623/23206670.png">image2019-4-8_11-24-15.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23206623/23206671.png">image2019-4-8_11-24-22.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23206623/23206672.png">image2019-4-8_11-24-30.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23206623/23206675.png">image2019-4-8_11-25-10.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23206623/23206676.png">image2019-4-8_11-25-35.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23206623/23206677.png">image2019-4-8_11-25-49.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,137 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Как_задействовать_компоненту_Окно_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как задействовать компоненту Окно?</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как задействовать компоненту “Окно”?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b> на одном из этапов прохождения бизнес - процесса следует проинформировать пользователя о готовности Системы отправить сообщение электронной почтой на основе тех данных, что пользователь последовательно на нескольких формах и в несколько этапов вводил в Систему до этого момента. Предоставить пользователю возможность 1) обойти отправку и пойти дальше по процессу, 2) вернуться на первый этап и повторить (откорректировать ввод данных), 3) отправить e-mail на основе всех введенных им данных.</p>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<ol style="list-style-type: decimal">
|
||||
|
||||
<li>В редакторе бизнес-процессов предусмотреть отдельную пользовательскую задачу (UserTaks).</li>
|
||||
</ol>
|
||||
<p><img src="../../attachments/26673395/26673405.png" alt="" /></p>
|
||||
<ol style="list-style-type: decimal">
|
||||
|
||||
<li>Создать новую экранную форму (page) и соотнести ее с этой пользовательской задачей в редакторе бизнес- процессов.</li>
|
||||
</ol>
|
||||
<p><img src="../../attachments/26673395/26673408.png" alt="" /></p>
|
||||
<ol style="list-style-type: decimal">
|
||||
|
||||
<li>Открыть экранную форму в редакторе экранных форм и перенести из библиотеки компонентов компоненту Окно в дерево страницы page.</li>
|
||||
</ol>
|
||||
<p><img src="../../attachments/26673395/26673409.png" alt="" /></p>
|
||||
<ol style="list-style-type: decimal">
|
||||
|
||||
<li>Настроить каждую входящую состав компоненты “Окно” простую визуальную компоненту следующим образом:</li>
|
||||
</ol>
|
||||
|
||||
<div class="table-wrap">
|
||||
|
||||
<table border="0" class="table table-striped">
|
||||
<tbody>
|
||||
|
||||
<tr class="odd">
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../attachments/26673395/26673426.png" width="500" alt="" /></p>
|
||||
</div></td>
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../attachments/26673395/26673424.png" width="400" alt="" /></p>
|
||||
</div></td>
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../attachments/26673395/26673427.png" width="500" alt="" /></p>
|
||||
</div></td>
|
||||
</tr>
|
||||
|
||||
<tr class="even">
|
||||
|
||||
<td>Дать заголовок компоненте Окно, задействовав компоненту Текст</td>
|
||||
|
||||
<td>Сформулировать тело сообщения пользователю, которое будет отображаться Системой и заполнить предназначенный для этого параметр компоненты TextArea</td>
|
||||
|
||||
<td>Настроить параметры компонент Кнопка, с помощью которых пользователь будет принимать решение о дальнейшем движении маркера процесса</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p>На этом выполнение поставленной задачи можно считать завершенным.</p>
|
||||
<p>При проверке результата в работающем приложении компонента выглядит так:</p>
|
||||
<p><img src="../../attachments/26673395/26673429.png" alt="" /></p>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673395/26673398.png">image2019-7-8_12-5-31.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673395/26673399.png">image2019-7-8_12-36-8.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673395/26673400.png">image2019-7-8_12-42-2.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673395/26673401.png">image2019-7-8_12-45-21.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673395/26673402.png">image2019-7-8_12-47-44.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673395/26673403.png">image2019-7-8_12-53-13.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673395/26673405.png">image2019-7-9_12-59-3.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673395/26673407.png">image2019-7-9_13-3-18.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673395/26673408.png">image2019-7-9_13-3-48.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673395/26673409.png">image2019-7-9_13-4-32.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673395/26673424.png">image2019-7-10_11-47-24.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673395/26673425.png">image2019-7-10_11-48-7.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673395/26673426.png">image2019-7-10_11-48-52.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673395/26673427.png">image2019-7-10_11-49-50.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/26673395/26673429.png">image2019-7-10_11-53-49.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,146 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Как_использовать_Диалог_для_вывода_предупреждения_пользователю_на_странице_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как использовать Диалог для вывода предупреждения пользователю на странице?</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как использовать Диалог для вывода предупреждения пользователю на странице?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b> необходимо реализовать на пользовательской странице <i>Карточки проверки</i> всплывающее <b>Диалоговое окно</b> с предупреждением о некорректном заполнении пользователем <i>Дат проведения проверки</i> (дата начала проверки и дата окончания проверки). Вывод Диалога предупреждения и проверка корректности введенных пользователем значений в поле дат должны осуществляться согласно условию, что <i>Дата окончания проверки</i> не должна быть раньше <i>Даты начала проверки</i>, и <i>Дата начала проверки</i> не должна быть позднее <i>Даты окончания проверки</i>, соответственно. В случае некорректного заполнения одной из Дат, помимо вывода всплывающего Диалогового окна, введенная пользователем Дата должна очищаться.</p>
|
||||
<p><span class="underline"><b>Элементы на странице</b></span> должны иметь следующие настройки:</p>
|
||||
<ul>
|
||||
|
||||
<li><i>Дата (с возможностью сохранения) №1:</i><br />
|
||||
надпись -Дата начала проверки<br />
|
||||
формат - Дата<br />
|
||||
введенноепользователем значение должно сохраняться в базу данных</li>
|
||||
<li><i>Дата (с возможностью сохранения) №2:</i><br />
|
||||
надпись -Дата окончания проверки<br />
|
||||
формат-Датавведенноепользователем значение должно сохраняться в базу данных</li>
|
||||
<li><i>Диалог вывода предупреждения №1:</i><br />
|
||||
элемент Текст <i>-Дата начала проверки не должна быть позднее Даты окончания проверки</i><br />
|
||||
кнопка закрытия Диалога <i>- Ок</i><br />
|
||||
диалог должен быть скрыт по умолчанию, его видимость будет регулироваться с помощью Обработчика событий</li>
|
||||
<li>Диалог вывода предупреждения №2:<br />
|
||||
элемент Текст-Дата окончания проверки не должна быть раньше Даты начала проверкикнопка закрытия Диалога- Окдиалог должен быть скрыт по умолчанию, его видимость будет регулироваться с помощью Обработчика событий</li>
|
||||
</ul>
|
||||
<p>**<span class="underline">Решение задачи:</span>**предполагается, чтостраница <i>Карточка проверки</i> уже создана бизнес-аналитиком, где имеется <b>основная компонента <a href="Форма.html">Форма</a></b>, в структуру сущностей которой включена необходимая таблица, куда будут сохраняться введенные пользователем значения. Для добавления на страницу полей с Датами и Диалоговых окон необходимосделать следующее:</p>
|
||||
<ul>
|
||||
|
||||
<li>добавить внутрь Формы два элемента <i><a href="../fields/Дата.md">Дата (с возможностью сохранения)</a></i> (рис.1, рис.2, рис.3)<br />
|
||||
<img src="../../attachments/23202224/23202450.png" alt="" /><img src="../../attachments/23202224/23202358.png" alt="" /><img src="../../attachments/23202224/23202359.png" alt="" /></li>
|
||||
</ul>
|
||||
<p>рис.1 Добавление Дат на Форму</p>
|
||||
<p>рис.2 Настройка элемента Дата начала проверки</p>
|
||||
<p>рис.3 Настройка элемента Дата окончания проверки</p>
|
||||
<ul>
|
||||
|
||||
<li>добавить внутрь Формы первое <i>Диалоговое окно</i> со вложенными элементами <i><a href="../fields/Текст.md">Текст</a></i> и <i><a href="../buttons/Кнопка.md">Кнопка</a></i>, которое будет отображаться при условии: <i>Дата окончания проверки</i> не должна быть раньше <i>Даты начала проверки</i> (рис.4, рис.5, рис.6)<br />
|
||||
<img src="../../attachments/23202224/23202443.png" alt="" /><img src="../../attachments/23202224/23202491.png" alt="" /><img src="../../attachments/23202224/23202447.png" alt="" /><br />
|
||||
рис.4 Диалог с проверкой корректности Даты окончания проверки<br />
|
||||
рис.5 Текст с предупреждением для пользователя<br />
|
||||
рис.6 Кнопка закрытия Диалога</li>
|
||||
<li>добавить Обработчик событий, где регулируется видимость Диалога, всплывающего в случае, еслиДата окончания проверкираньшеДаты начала проверки и очищается значение поля Дата окончания проверки при выполнении этого условия(рис.7)</li>
|
||||
<li>добавить Обработчик событий, с помощью которого выполняется закрытие Диалога с проверкой Даты окончания при нажатии на Кнопку внутри Диалога (рис.8)</li>
|
||||
</ul>
|
||||
<p>рис.7 Настройка Обработчика событий для отображения Диалога<br />
|
||||
рис.8 Настройка Обработчика событий для закрытия Диалога</p>
|
||||
<ul>
|
||||
|
||||
<li>добавить внутрь Формы второе Диалоговое окно со вложенными элементами Текст и Кнопка, которое будет отображаться при условии: Дата начала проверкине должна быть позднее Даты окончания проверки (рис.9, рис.10, рис.11)<br />
|
||||
<img src="../../attachments/23202224/23202488.png" alt="" /><img src="../../attachments/23202224/23202492.png" alt="" /><img src="../../attachments/23202224/23202493.png" alt="" /><br />
|
||||
рис.9 Диалог с проверкой корректности Даты начала проверки<br />
|
||||
рис.10 Текст с предупреждением для пользователя<br />
|
||||
рис.11 Кнопка закрытия Диалога</li>
|
||||
<li>добавить О бработчик событий, где регулируется видимость Диалога, всплывающего в случае, если Дата начала проверки позднее Даты окончания проверкии очищается значение поля Дата начала проверки при выполнении этого условия (рис.12)</li>
|
||||
<li>добавить <i>Обработчик событий</i>, с помощью которого выполняется закрытие Диалога с проверкой Даты начала при нажатии на Кнопку внутри Диалога (рис.13)
|
||||
<p><img src="../../attachments/23202224/23202716.png" alt="" /><img src="../../attachments/23202224/23202504.png" alt="" /><br />
|
||||
рис.12 Настройка Обработчика событий для отображения Диалога<br />
|
||||
рис.13 Настройка Обработчика событий для закрытия Диалога</p></li>
|
||||
</ul>
|
||||
<p><span class="underline"><b>Результат выполнения задачи:</b></span></p>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что условия задачи выполнены: на странице отображается два элемента <i>Дата начала проверки</i> и <i>Дата окончания проверки</i> (рис.14). В случае некорректного заполнения пользователем одного из этих полей (в любом порядке), автоматически срабатывает проверка по условиям, заданным в <i>Обработчиках событий</i>, и всплывает <i>Диалоговое окно</i> с предупреждением о допущенной ошибке (рис.15, рис.16).</p>
|
||||
<p><img src="../../attachments/23202224/23202693.png" alt="" /></p>
|
||||
<p><img src="../../attachments/23202224/23202697.png" alt="" /></p>
|
||||
<p>рис.15 Вывод Диалогового окна при некорректном заполнении Даты начала проверки</p>
|
||||
<p><img src="../../attachments/23202224/23202698.png" alt="" /></p>
|
||||
<p>рис.14.Визуальное отображение элементов с Датами на странице<br />
|
||||
рис.16 Вывод Диалогового окнапри некорректном заполнении Даты окончания проверки</p>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202358.png">image2019-2-25_11-18-40.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202359.png">image2019-2-25_11-19-21.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202360.png">image2019-2-25_11-28-8.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202361.png">image2019-2-25_11-28-49.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202387.png">image2019-2-25_14-23-11.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202391.png">image2019-2-25_14-25-19.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202441.png">image2019-2-25_14-32-46.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202443.png">image2019-2-25_14-34-47.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202447.png">image2019-2-25_14-43-42.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202450.png">image2019-2-25_14-45-39.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202480.png">image2019-2-25_15-15-29.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202481.png">image2019-2-25_15-16-24.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202488.png">image2019-2-25_15-24-54.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202491.png">image2019-2-25_15-25-49.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202492.png">image2019-2-25_15-26-30.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202493.png">image2019-2-25_15-26-44.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202503.png">Screenshot_1.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202504.png">image2019-2-25_15-37-16.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202693.png">image2019-2-26_14-49-45.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202695.png">image2019-2-26_14-51-40.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202696.png">image2019-2-26_14-52-23.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202697.png">image2019-2-26_14-52-50.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202698.png">image2019-2-26_14-53-24.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23203144.png">image2019-2-26_15-43-32.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23203145.png">image2019-2-26_15-44-48.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202715.png">image2019-2-26_15-43-32.png</a> (image/png)<br />
|
||||
<img src="../../images/icons/bullet_blue.gif" alt="" /> <a href="../../attachments/23202224/23202716.png">image2019-2-26_15-44-48.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,121 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Контейнер_вкладок.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Контейнер вкладок</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Контейнер вкладок</h1><section>
|
||||
<h2><a name="a.D0.9D.D0.B0.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5"></a>Назначение</h2>
|
||||
<p><b>Контейнер вкладок</b> - невидимая компонента-контейнер позволяет экономно и эффективно организовать отображение на одном и том же месте экранного интерфейса разного набора визуальных компонентов, используя режим переключения вкладок, при котором выбранная пользователем вкладка отображается поверх других вкладок, не занимая дополнительного места на web странице и закрывая своим содержимым содержимое других вкладок.</p>
|
||||
<p>Используется для оптимизации расположения визуальных компонент в интерфейсе системы, обеспечивая возможность группировки и логического объединения компонент в определенных зонах web-страницы и общее эстетическое и интуитивное восприятие экранного интерфейса пользователем системы.</p>
|
||||
<p>Компонента <b>Контейнер вкладок</b> обязательно должна содержать в своем составе несколько компонент <a href="Вкладка.html">Вкладка</a>, на которых располагаются прочие визуальные компоненты, позволяющие пользователю взаимодействовать с системой.</p>
|
||||
<p>Компонента <b>Контейнер вкладок</b> находится в разделе <b>Компоненты - Контейнеры - Контейнер вкладок</b></p></section><section>
|
||||
<h2><a name="a.D0.A1.D0.B2.D0.BE.D0.B9.D1.81.D1.82.D0.B2.D0.B0"></a>Свойства</h2>
|
||||
<p>Компонента имеет <a href="../control-properties.md">набор общих свойств</a> и <a href="../Подгрузка_данных_по_умолчанию.md">подгрузка данных по умолчанию</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения</th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Цикличность вкладок (isLoopTabs) </td>
|
||||
<td> </td>
|
||||
<td> Значения <code>True</code> или <code>False</code> </td></tr>
|
||||
</tbody>
|
||||
</table></section><section>
|
||||
<h2><a name="a.D0.9C.D0.B5.D1.82.D0.BE.D0.B4.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D0.B5_.D1.80.D0.B5.D0.BA.D0.BE.D0.BC.D0.B5.D0.BD.D0.B4.D0.B0.D1.86.D0.B8.D0.B8_.D0.BF.D0.BE_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E"></a>Методические рекомендации по применению</h2>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_компоненту_Контейнер_вкладок_на_страницу_.html">Как добавить компоненту “Контейнер вкладок” на страницу?</a></li>
|
||||
</ul></section><section>
|
||||
<h2><a name="a.D0.A7.D0.B0.D1.81.D1.82.D0.BE_.D0.B7.D0.B0.D0.B4.D0.B0.D0.B2.D0.B0.D0.B5.D0.BC.D1.8B.D0.B5_.D0.B2.D0.BE.D0.BF.D1.80.D0.BE.D1.81.D1.8B"></a>Часто задаваемые вопросы</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Можно ли вложить <b>Контейнер вкладок</b> в другие контейнеры? </td>
|
||||
<td> Да, может быть вложен в Вертикальный или Горизонтальный контейнеры </td></tr>
|
||||
<tr class="a">
|
||||
<td> Как сделать Контейнер вкладок из горизонтального вертикальным? </td>
|
||||
<td> Для этого необходимо задать css класс “tab-menu” для TabContainer </td></tr>
|
||||
<tr class="b">
|
||||
<td> Как выбрать вкладку в Контейнере вкладок по названию/номеру? </td>
|
||||
<td> Нужно использовать методы <b>Контейнера вкладок</b> “Сделать вкладку активной по заголовку”, “Сделать вкладку активной по индексу” в компоненте <a href="../uncategorized/Обработка_событий.md">Обработка событий</a>. Для выбора вкладки по индексу следует учитывать, что индекс вкладок начинается с 0 (первая по счету вкладка имеет индекс 0) </td></tr>
|
||||
<tr class="a">
|
||||
<td> Можно ли расположить визуальные компоненты сразу в Контейнере вкладок, а не в компоненте Вкладка? </td>
|
||||
<td> Можно, но тогда Контейнер вкладок ничем не будет отличаться от Вертикального контейнера </td></tr>
|
||||
<tr class="b">
|
||||
<td> Чем отличается функциональность набора свойств (<b>Видимость, Обязательность, Недоступно для управления, Подлежит сохранению</b>) у компоненты-контейнера от функциональности одноименных свойств обычной компоненты? </td>
|
||||
<td> Функциональность набора свойств (<b>Видимость, Обязательность, Недоступно для управления, Подлежит сохранению</b>) у компоненты-контейнера отличается от функциональности одноименных свойств у обычной компоненты тем, что значение указанных свойств наследуется с компоненты-контейнера на все компоненты, входящие в состав такой компоненты-контейнера. Правила наследования таковы, что если у вложенного объекта соответствующее свойство выставлено в значение <code>Истина</code>, то оно следует судьбе этого же свойства у компоненты-контейнера, если же значение соответствующего свойства у вложенной компоненты <code>Ложь</code>, то наследования значения этого свойства от компоненты-контейнера не происходит, компонента функционирует в соответствии с собственными настройками. </td></tr>
|
||||
</tbody>
|
||||
</table><section>
|
||||
<h3><a name="CSS_.D0.BA.D0.BB.D0.B0.D1.81.D1.81.D1.8B"></a>CSS классы</h3>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> <b>Название класса css</b> </th>
|
||||
<th> <b>Описание</b> </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> tab-menu </td>
|
||||
<td> класс присваивается компоненте TabContainer, делает его вертикальным </td></tr>
|
||||
<tr class="a">
|
||||
<td> menu-header </td>
|
||||
<td> класс присваивается компоненте TabItem (подзаголовок меню) при необходимости визуально выделить элемент меню </td></tr>
|
||||
</tbody>
|
||||
</table></section></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,98 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Контейнер_с_кнопками.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Контейнер с кнопками</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Контейнер с кнопками</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Контейнер с кнопками</b> - это визуальная компонента-контейнер, которая позволяет скрыть несколько визуальных компонентов <a href="../buttons/Кнопка.md">Кнопка</a> под единственной видимой кнопкой, при нажатии на которую все скрытые ранее кнопки выпадают списком, предоставляя возможность пользователю нажать нужную. Используется для группировки схожих по функциональности кнопок и оптимизации расположения компонентов в интерфейсе системы, обеспечивая общее эстетическое и интуитивное восприятие.</p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../control-properties.md">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения</th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Надпись на кнопке </td>
|
||||
<td> позволяет задать наименование кнопки </td>
|
||||
<td> <i>пример возможного значения:</i> Печать </td></tr>
|
||||
<tr class="a">
|
||||
<td> Текст подтверждения при печати </td>
|
||||
<td> позволяет задать текст сообщения, который отобразится в диалоговом окне после нажатия на кнопку </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table><section>
|
||||
<h2><a name="a.D0.A4.D1.83.D0.BD.D0.BA.D1.86.D0.B8.D0.B8"></a>Функции</h2>
|
||||
<p>Дополнительных функций у этой компоненты нет.</p></section><section>
|
||||
<h2><a name="a.D0.9C.D0.B5.D1.82.D0.BE.D0.B4.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D0.B5_.D1.80.D0.B5.D0.BA.D0.BE.D0.BC.D0.B5.D0.BD.D0.B4.D0.B0.D1.86.D0.B8.D0.B8_.D0.BF.D0.BE_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E"></a>Методические рекомендации по применению</h2>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_компоненту_Контейнер_кнопок_на_страницу_.html">Как добавить компоненту “Контейнер кнопок” на страницу?</a></li>
|
||||
</ul></section><section>
|
||||
<h2><a name="a.D0.A7.D0.B0.D1.81.D1.82.D0.BE_.D0.B7.D0.B0.D0.B4.D0.B0.D0.B2.D0.B0.D0.B5.D0.BC.D1.8B.D0.B5_.D0.B2.D0.BE.D0.BF.D1.80.D0.BE.D1.81.D1.8B"></a>Часто задаваемые вопросы</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Чем предпочтительнее использование контейнера кнопок вместо совокупности самостоятельных кнопок? </td>
|
||||
<td> Допустим, на web-странице требуется реализовать кнопки печати заявления, распорядительного акта на основе заявления, журнала распорядительных актов. расписку о получении распорядительного акта. Если расположить эти кнопки друг за другом, то такая web-страница будет смотреться перегруженной. Для облегчения восприятия страницы можно разместить только одну кнопку “Печать”, а при нажатии на нее уже будет раскрываться список вариантов (в виде самостоятельных кнопок) тех документов, которые можно распечатать. Подробнее этот пример будет рассмотрен в разделе методических рекомендаций. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Сколько вложенных компонентов Кнопка может быть у компоненты Контейнер кнопок? </td>
|
||||
<td> Теоретически, количество вложенных Кнопок не ограничено и определяется целесообразностью использования в каждом конкретном случае. </td></tr>
|
||||
</tbody>
|
||||
</table></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,53 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Контейнеры.md at 2022-09-08
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Контейнеры</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Контейнеры</h1>
|
||||
<p><b>Компоненты</b> - <a href="Вертикальный_контейнер.html">Вертикальный контейнер</a> - <a href="Вкладка.html">Вкладка</a> - <a href="Горизонтальный_контейнер.html">Горизонтальный контейнер</a> - <a href="Группа_полей.html">Группа полей</a> - <a href="Диалог.html">Диалог</a> - <a href="Контейнер_вкладок.html">Контейнер вкладок</a> - <a href="Контейнер_с_кнопками.html">Контейнер с кнопками</a> - <a href="Набор_фильтров.html">Набор фильтров</a> - <a href="Окно.html">Окно</a> - <a href="Сворачиваемая_панель.html">Сворачиваемая панель</a> - <a href="Форма.html">Форма</a></p>
|
||||
<p><b>Скрипты</b> - <a href="ContainerValueByEventLoader_и_ContainerValueByEventLoaderRpcService.html">Дополнительная подгрузка</a></p>
|
||||
<p><b>Функции</b> - <a href="Стили-контейнеров.html">Стили контейнеров</a> - <a href="Диалог_Вызвать.html">Диалог. Вызвать</a> - <a href="Диалог_Скрыть.html">Диалог. Скрыть</a> - <a href="Вкладки_Управление_Вкладкой_Переход_из_текущей_на_последующую.html">Вкладки. Управление вкладкой. Переход из текущей на последующую</a> - <a href="Вкладки_Управление_Вкладкой_Переход_из_текущей_на_предыдущую.html">Вкладки. Управление вкладкой. Переход из текущей на предыдущую</a> - <a href="Вкладки_Управление_Вкладкой_Переход_на_вкладку_по_номеру.html">Вкладки. Управление вкладкой. Переход на вкладку по номеру</a></p>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2022
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,181 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Набор_фильтров.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Набор фильтров</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Набор фильтров</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Набор фильтров</b> - это невидимая компонента-контейнер, которая позволяет расположить внутри себя поля (<a href="../fields/filters/index.md">Фильтры</a>), с помощью которых будет происходить фильтрация и указать таблицу по которой будет происходить поиск.</p>
|
||||
<p>Компонента <b>Набор фильтров</b> находится в разделе **Компоненты - Контейнеры -<b>Набор фильтров</b></p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../control-properties.md">набор общих свойств</a> и <a href="../Подгрузка_данных_по_умолчанию.md">подгрузка данных по умолчанию</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p><section>
|
||||
<h2><a name="a.D0.9E.D0.B1.D1.89.D0.B8.D0.B5"></a>Общие</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Фильтровать сразу </td>
|
||||
<td> позволяет установить условие по которому будет происходить применение фильтрации. Иными словами, можно задать условие по которому применение фильтра будет происходить после нажатия на кнопку фильтрации, либо динамически, после ввода данных в поле фильтрации. </td>
|
||||
<td>
|
||||
<ul>
|
||||
<li><code>Null</code> - значение не определено</li>
|
||||
<li><code>False</code> - фильтр будет срабатывать только после нажатия на <a href="../buttons/Кнопка_для_фильтрации.md">Кнопку для фильтрации</a> - значение по умолчанию</li>
|
||||
<li><code>True</code> - фильтр будет срабатывать сразу после внесения изменения в поля фильтра.</li></ul> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Запоминать значения фильтра </td>
|
||||
<td> позволяет восстанавливать значения фильтров при возврате на страницу, т.е.запоминать значения фильтров (сохранять в кэше). При этом значение фильтра, заданное пользователем имеет приоритет над значением фильтра по умолчанию </td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>значение не определено - по умолчанию</li>
|
||||
<li><code>true</code> - запоминать значения фильтров</li>
|
||||
<li><code>false</code> - не запоминать значения фильтров</li></ul> </td></tr>
|
||||
<tr class="b">
|
||||
<td> Пропустить подгрузку данных (Skip initial loading) </td>
|
||||
<td> позволяет исключать подгрузку данных в таблицу без указания значений фильтров (пустыми фильтрами) </td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>значение не определено - по умолчанию</li>
|
||||
<li><code>true</code> - исключает возможность подгрузки данных в таблицу без указания значений фильтров, т.е. при пустых значениях фильтров при первоначальном открытии страницы или по кнопке “Найти” запрос в базу данных (по Графу сущностей таблицы) выполняться не будет</li>
|
||||
<li><code>false</code> - позволяет подгружать данные в таблицу без указания значений фильтров, т.е. при первоначальном открытии страницы или по кнопке “Найти” будет осуществляться запрос в базу данных по пустым значениям фильтров</li></ul> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Шаблон текста при валидации </td>
|
||||
<td> позволяет задать шаблон вывода сообщения (текст сообщения), отображаемого в окне ошибки при валидации значений фильтров По умолчанию шаблон сообщения выставлен как:“<code>#{label}: #{message}</code>”, где параметры интерпретируются следующим образом: <code>#{label}</code> - наименование компоненты, в которой произошла ошибка <code>#{message}</code> -текст сообщения об ошибке </td>
|
||||
<td> <i>Примеры возможной настройки:</i> При пустом значений в поле* Message Validation Template* текст в окне об ошибке, отображаемом, например, при не заполнении значения в обязательном поле, будет отображаться по шаблону <code>"#{label}: #{message}"</code>, где <code>#{label}</code> - наименование компоненты, в которой произошла ошибка (например, поле ФИО) <code>#{message}</code> - текст сообщения об ошибке (значение по умолчанию Поле обязательно). </td></tr>
|
||||
</tbody>
|
||||
</table></section><section>
|
||||
<h2><a name="a.D0.A1.D0.BE.D1.85.D1.80.D0.B0.D0.BD.D0.B5.D0.BD.D0.B8.D0.B5_.D0.B8_.D0.B7.D0.B0.D0.B3.D1.80.D1.83.D0.B7.D0.BA.D0.B0_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B9_.D0.B2_.D0.BB.D0.BE.D0.BA.D0.B0.D0.BB.D1.8C.D0.BD.D0.BE.D0.BC_.D1.85.D1.80.D0.B0.D0.BD.D0.B8.D0.BB.D0.B8.D1.89.D0.B5"></a>Сохранение и загрузка значений в локальном хранилище</h2>
|
||||
<p>Система позволяет с помощью свойства filterValuesSaveStrategy сохранять значения полей фильтрации в локальном хранилище браузера. А с помощью свойства filterValuesLoadStrategy подставлять значения из локального хранилища браузера в поля фильтрации.</p>
|
||||
<p>Время жизни определяется параметром filter_cleanup_interval_hours.</p>
|
||||
<p>Если страница в контексте BPMN процесса, то сохранение/восстановление работает в рамках одного экземпляра процесса.</p>
|
||||
<p>Сценарий 1. Необходимо подставлять предыдущее значение полей фильтрации при возврате на страницу.</p>
|
||||
<p>Вариант решения: на странице в наборе фильтров (FilterGroup) задать filterValuesSaveStrategy = BY_PAGE_OBJECT_ID, filterValuesLoadStrategy = BY_PAGE_OBJECT_ID.</p>
|
||||
<p>Сценарий 2. Необходимо подставить значений полей фильтрации из страницы 1 на страницу 2, при условии, что имена полей фильтрации и имя набора фильтров (FilterGroup) совпадают.</p>
|
||||
<p>Вариант решения:</p>
|
||||
<ol style="list-style-type: decimal">
|
||||
|
||||
<li>
|
||||
|
||||
<p>На странице 1</p>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<p>Значения полей фильтрации сохраняем в хранилище по имени объекта. Для этого задаём filterValuesSaveStrategy = BY_OBJECT_NAME.</p>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<p>На странице 2</p>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<p>Значения полей фильтрации берём из хранилища по имени объекта. Для этого задаём filterValuesLoadStrategy = BY_OBJECT_NAME.</p>
|
||||
</li>
|
||||
</ol>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> filterValuesLoadStrategy </td>
|
||||
<td> Стратегия загрузки значений вложенных компонент-фильтров </td>
|
||||
<td> - BY_PAGE_OBJECT_ID - Подгрузка значений фильтров по ключу = идентификатор страницы + идентификатор объекта + id процесса если это bpmn процесс<br /> - BY_OBJECT_NAME - Подгрузка значений фильтров по ключу = имя объекта + id процесса если это bpmn процесс<br />- BY_CUSTOM_NAME - Подгрузка значений фильтров по ключу = ключ указанный в поле filterValuesLoadStorageName + id процесса если это bpmn процесс </td></tr>
|
||||
<tr class="a">
|
||||
<td> filterValuesLoadStorageName </td>
|
||||
<td> ключ по которому необходимо загружать значения фильтров из локального хранилища </td>
|
||||
<td> </td></tr>
|
||||
<tr class="b">
|
||||
<td> filterValuesSaveStrategy </td>
|
||||
<td> Стратегия сохранения значений вложенных компонент-фильтров </td>
|
||||
<td> - BY_PAGE_OBJECT_ID - сохранение значений фильтров по ключу = идентификатор страницы + идентификатор объекта + id процесса если это bpmn процесс<br />- BY_OBJECT_NAME - сохранение значений фильтров по ключу = имя объекта + id процесса если это bpmn процесс<br />- BY_CUSTOM_NAME - сохранение значений фильтров по ключу = ключ указанный в поле filterValuesSaveStorageName + id процесса если это bpmn процесс </td></tr>
|
||||
<tr class="a">
|
||||
<td> filterValuesSaveStorageName </td>
|
||||
<td> ключ по которому необходимо сохранять значения фильтров в локальное хранилище </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table></section><section>
|
||||
<h2><a name="a.D0.A4.D1.83.D0.BD.D0.BA.D1.86.D0.B8.D0.B8"></a>Функции</h2>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен**перечень функций, расширяющих её базовую функциональность,**которые можно добавить нажатием кнопки.</p>
|
||||
<p>Вследствие технических особенностей реализации функций (-функции, которые выполняются удаленно на сервере приложений,- функции, которые выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section>
|
||||
<h3><a name="a.D0.A0.D0.B5.D0.BA.D1.83.D1.80.D1.81.D0.B8.D0.B2.D0.BD.D0.BE_.D0.BA.D0.BE.D0.BF.D0.B8.D1.80.D0.BE.D0.B2.D0.B0.D1.82.D1.8C_.D1.81.D0.BE.D1.81.D1.82.D0.B0.D0.B2.D0.BD.D1.8B.D0.B5_.D0.BE.D0.B1.D1.8A.D0.B5.D0.BA.D1.82.D1.8B_.D1.81.D0.BB.D0.BE.D0.B6.D0.BD.D1.8B.D1.85_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82"></a>Рекурсивно копировать составные объекты сложных компонент</h3>
|
||||
<p><code>TODO: описать</code></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p></section></section><section>
|
||||
<h2><a name="a.D0.9C.D0.B5.D1.82.D0.BE.D0.B4.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D0.B5_.D1.80.D0.B5.D0.BA.D0.BE.D0.BC.D0.B5.D0.BD.D0.B4.D0.B0.D1.86.D0.B8.D0.B8_.D0.BF.D0.BE_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E"></a>Методические рекомендации по применению</h2>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_компоненту_Набор_фильтров_на_страницу_.html">Как добавить компоненту “Набор фильтров” на страницу?</a></li>
|
||||
</ul>
|
||||
<h1>Часто задаваемые вопросы</h1>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> В чем заключаться главная необходимость использования <b>Набора фильтров</b>? </td>
|
||||
<td> Главная необходимость заключается в задании таблицы к которой будет применяться фильтр. Таким образом мы можем наложить несколько фильтров на необходимую нам таблицу и выводить записи которые ищет пользователь. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Можно ли задавать несколько наборов фильтров на странице? </td>
|
||||
<td> Да, при условии что они будут обращаться к разным таблицам. </td></tr>
|
||||
</tbody>
|
||||
</table></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,179 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Окно.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Окно</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Окно</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Окно</b> - это составная компонента, которая используется для вывода на экран сообщений (уведомлений, предупреждений, дополнительной информации) Системы, стилизованных под окно системных сообщений операционной системы Windows, в ответ на какую-то активность пользователя, с опциональным выбором одного из возможных последующих действий. Представляет из себя родительский <a href="Вертикальный_контейнер.html">Вертикальный контейнер</a> с вложенными в него дочерними визуальными компонентами, заранее взаимо-увязанными и назначенными стилями.</p>
|
||||
<p>Несмотря на то, что основным предназначением является вывод статической информации для пользователя, компонента может быть модифицирована добавлением источника данных Форма и, вследствие этого, отображать уже динамически получаемую запросом к базе данных информацию, либо сохранять информацию в базу данных при выборе пользователем того или иного варианта действий из заложенных аналитиком при настройке компоненты.</p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../control-properties.md">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Заголовок </td>
|
||||
<td> позволяет указать текст заголовка для контейнера <b>Окно</b> </td>
|
||||
<td> <i>пример возможного значения:</i> Общие сведения </td></tr>
|
||||
<tr class="a">
|
||||
<td> Тело сообщения </td>
|
||||
<td> позволяет указать текст сообщения в теле контейнера <b>Окно</b> </td>
|
||||
<td> <i>пример возможного значения:</i> Общие данные </td></tr>
|
||||
<tr class="b">
|
||||
<td> Кнопки </td>
|
||||
<td> позволяет указать <a href="../buttons/Кнопка_навигации.md">Кнопки навигации</a> </td></tr>
|
||||
</tbody>
|
||||
</table><section>
|
||||
<h2><a name="a.D0.A4.D1.83.D0.BD.D0.BA.D1.86.D0.B8.D0.B8"></a>Функции</h2>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b><img src="../../attachments/26673356/26673373.png" alt="" /></b>.</p>
|
||||
<p>Вследствие технических особенностей реализации функций (</p>
|
||||
<p><img src="../../attachments/26673356/26673374.png" alt="" /> - функции, которые выполняются удаленно на сервере приложений,</p>
|
||||
<p><img src="../../attachments/26673356/26673375.png" alt="" /> - функции, которые выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section>
|
||||
<h3><a name="a.D0.A0.D0.B5.D0.BA.D1.83.D1.80.D1.81.D0.B8.D0.B2.D0.BD.D0.BE_.D0.BA.D0.BE.D0.BF.D0.B8.D1.80.D0.BE.D0.B2.D0.B0.D1.82.D1.8C_.D1.81.D0.BE.D1.81.D1.82.D0.B0.D0.B2.D0.BD.D1.8B.D0.B5_.D0.BE.D0.B1.D1.8A.D0.B5.D0.BA.D1.82.D1.8B_.D1.81.D0.BB.D0.BE.D0.B6.D0.BD.D1.8B.D1.85_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82"></a>Рекурсивно копировать составные объекты сложных компонент</h3>
|
||||
<p><code>TODO - описать возможности</code></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p></section></section><section>
|
||||
<h2><a name="a.D0.9C.D0.B5.D1.82.D0.BE.D0.B4.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D0.B5_.D1.80.D0.B5.D0.BA.D0.BE.D0.BC.D0.B5.D0.BD.D0.B4.D0.B0.D1.86.D0.B8.D0.B8_.D0.BF.D0.BE_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E"></a>Методические рекомендации по применению</h2>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_задействовать_компоненту_Окно_.html">Как задействовать компоненту “Окно”?</a></li>
|
||||
</ul></section><section>
|
||||
<h2><a name="a.D0.A7.D0.B0.D1.81.D1.82.D0.BE_.D0.B7.D0.B0.D0.B4.D0.B0.D0.B2.D0.B0.D0.B5.D0.BC.D1.8B.D0.B5_.D0.B2.D0.BE.D0.BF.D1.80.D0.BE.D1.81.D1.8B"></a>Часто задаваемые вопросы</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> В каких случаях чаще всего используется элемент Окно </td>
|
||||
<td> Для информирования пользователя о последствиях его возможных действий или событиях, происходящих в Системе (вывод уведомлений, предупреждений и дополнительной информации). С точки зрения реализации бизнес-процесса, для использования компоненты Окно необходимо выделение отдельной Пользовательской задачи (UserTask), эту компоненту нецелесообразно интегрировать в обычную страницу (для такой взаимной интеграции служит компонента Диалог), компоненту Окно целесообразнее использовать когда нужно уведомить пользователя о событиях или вариантах действий в ходе исполнения бизнес - процесса. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Можно ли как-то дополнительно модифицировать компоненту Окно для расширения функциональности? </td>
|
||||
<td> Да Поскольку компонента Окно является составной компонентой, родительской компонентой которой является Вертикальный контейнер, то допустимы совмещение любых известных аналитику приемов и компонент, используемых при проектировании обычной страницы. При большом объеме внесенных модификаций, оригинальными от компоненты останутся только предустановленные стилистические настройки. </td></tr>
|
||||
<tr class="b">
|
||||
<td> Чем отличается функциональностьнабора свойств (Видимость, Обязательность, Недоступно для управления, Подлежит сохранению) у компоненты-контейнера от функциональности одноименных свойств обычной компоненты? </td>
|
||||
<td> Функциональность набора свойств (Видимость, Обязательность, Недоступно для управления, Подлежит сохранению) у компоненты-контейнер аотличается от функциональности одноименных свойств у обычной компоненты тем, что значение указанных свойств наследуется с компоненты-контейнерана все компоненты, входящие в состав такой компоненты-контейнера. Правила наследования таковы, что если у вложенного объекта соответствующее свойство выставлено в значение <code>Истина</code>, то оно следует судьбе этого же свойства у компоненты-контейнера, если же значениесоответствующего свойства у вложенной компоненты <code>Ложь</code>, то наследования значения этого свойства от компоненты-контейнера не происходит, компонента функционирует в соответствии с собственными настройками. </td></tr>
|
||||
</tbody>
|
||||
</table><section><section>
|
||||
<h4><a name="a.D0.9F.D1.80.D0.B0.D0.B2.D0.B8.D0.BB.D0.B0_.D0.BD.D0.B0.D1.81.D0.BB.D0.B5.D0.B4.D0.BE.D0.B2.D0.B0.D0.BD.D0.B8.D1.8F_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B9_.D1.81.D0.B2.D0.BE.D0.B9.D1.81.D1.82.D0.B2_.D0.9F.D0.BE.D0.B4.D0.BB.D0.B5.D0.B6.D0.B8.D1.82_.D1.81.D0.BE.D1.85.D1.80.D0.B0.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E.2C_.D0.9E.D0.B1.D1.8F.D0.B7.D0.B0.D1.82.D0.B5.D0.BB.D1.8C.D0.BD.D0.BE.D1.81.D1.82.D1.8C_.D0.B4.D0.BE.D1.87.D0.B5.D1.80.D0.BD.D0.B8.D0.BC.D0.B8_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82.D0.B0.D0.BC.D0.B8.2C_.D0.B2.D1.85.D0.BE.D0.B4.D1.8F.D1.89.D0.B8.D0.BC.D0.B8_.D0.B2_.D1.81.D0.BE.D1.81.D1.82.D0.B0.D0.B2_.D1.80.D0.BE.D0.B4.D0.B8.D1.82.D0.B5.D0.BB.D1.8C.D1.81.D0.BA.D0.BE.D0.B9_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82.D1.8B_.D0.BA.D0.BE.D0.BD.D1.82.D0.B5.D0.B9.D0.BD.D0.B5.D1.80.D0.B0"></a>Правила наследования значений свойств <b>Подлежит сохранению, Обязательность</b> дочерними компонентами, входящими в состав родительской компоненты контейнера</h4>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th align="center"> значение свойства у компоненты-контейнера </th>
|
||||
<th align="center"> значение свойства дочерней компоненты </th>
|
||||
<th align="center"> итоговое значение свойства </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>True</code> </td></tr>
|
||||
<tr class="a">
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>False</code> </td></tr>
|
||||
<tr class="b">
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>False</code> </td></tr>
|
||||
<tr class="a">
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>False</code> </td></tr>
|
||||
<tr class="b">
|
||||
<td align="center"><code>Undefined</code></td>
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>True</code> </td></tr>
|
||||
<tr class="a">
|
||||
<td align="center"><code>Undefined</code></td>
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>False</code> </td></tr>
|
||||
</tbody>
|
||||
</table></section><section>
|
||||
<h4><a name="a.D0.9F.D1.80.D0.B0.D0.B2.D0.B8.D0.BB.D0.B0_.D0.BD.D0.B0.D1.81.D0.BB.D0.B5.D0.B4.D0.BE.D0.B2.D0.B0.D0.BD.D0.B8.D1.8F_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B9_.D1.81.D0.B2.D0.BE.D0.B9.D1.81.D1.82.D0.B2.D0.B0_.D0.92.D0.B8.D0.B4.D0.B8.D0.BC.D0.BE.D1.81.D1.82.D1.8C_.D0.B4.D0.BE.D1.87.D0.B5.D1.80.D0.BD.D0.B8.D0.BC.D0.B8_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82.D0.B0.D0.BC.D0.B8.2C_.D0.B2.D1.85.D0.BE.D0.B4.D1.8F.D1.89.D0.B8.D0.BC.D0.B8_.D0.B2_.D1.81.D0.BE.D1.81.D1.82.D0.B0.D0.B2_.D1.80.D0.BE.D0.B4.D0.B8.D1.82.D0.B5.D0.BB.D1.8C.D1.81.D0.BA.D0.BE.D0.B9_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82.D1.8B_.D0.BA.D0.BE.D0.BD.D1.82.D0.B5.D0.B9.D0.BD.D0.B5.D1.80.D0.B0"></a>Правила наследования значений свойства <b>Видимость</b> дочерними компонентами, входящими в состав родительской компоненты контейнера</h4>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th align="center"> значение свойства у компоненты-контейнера </th>
|
||||
<th align="center"> значение свойства дочерней компоненты </th>
|
||||
<th align="center"> итоговое значение свойства </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>True</code> </td></tr>
|
||||
<tr class="a">
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>False</code> </td></tr>
|
||||
<tr class="b">
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>True</code> </td>
|
||||
<td align="center"> <code>False</code> </td></tr>
|
||||
<tr class="a">
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>False</code> </td>
|
||||
<td align="center"> <code>False</code> </td></tr>
|
||||
</tbody>
|
||||
</table></section></section></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,107 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Сворачиваемая_панель.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Сворачиваемая панель</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Сворачиваемая панель</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Сворачиваемая панель</b> - это видимая компонента, которая используется для хранения содержимого в небольшом пространстве. Пользователь скрывает или открывает содержимое в сворачиваемой панели, щелкая вкладку графического элемента.</p>
|
||||
<p>Как правило используется для группировки полей объеденных единым смыслом (например, относящихся к <i>организации</i>, либо разделу <i>сотрудников</i>).</p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../control-properties.md">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения</th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Заголовок </td>
|
||||
<td> позволяет задать заголовок сворачиваемой панели на странице </td>
|
||||
<td> <i>пример возможного значения:</i> Выбор </td></tr>
|
||||
<tr class="a">
|
||||
<td> Открывать развернутым </td>
|
||||
<td> Задает условие по которому “Сворачиваемая панель” может быть по умолчанию развернута, либо свернута. </td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>свернута- значение по умолчанию</li>
|
||||
<li>развернута</li></ul> </td></tr>
|
||||
</tbody>
|
||||
</table><section>
|
||||
<h2><a name="a.D0.A4.D1.83.D0.BD.D0.BA.D1.86.D0.B8.D0.B8"></a>Функции</h2>
|
||||
<p><a href="../Подгрузка_данных_по_умолчанию.md">Подгрузка данных по умолчанию</a></p><section>
|
||||
<h3><a name="a.D0.A0.D0.B5.D0.BA.D1.83.D1.80.D1.81.D0.B8.D0.B2.D0.BD.D0.BE_.D0.BA.D0.BE.D0.BF.D0.B8.D1.80.D0.BE.D0.B2.D0.B0.D1.82.D1.8C_.D1.81.D0.BE.D1.81.D1.82.D0.B0.D0.B2.D0.BD.D1.8B.D0.B5_.D0.BE.D0.B1.D1.8A.D0.B5.D0.BA.D1.82.D1.8B_.D1.81.D0.BB.D0.BE.D0.B6.D0.BD.D1.8B.D1.85_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82"></a>Рекурсивно копировать составные объекты сложных компонент</h3>
|
||||
<p><code>TODO - описать возможности</code></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p>
|
||||
<h1>Методические рекомендации по применению</h1>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_компоненту_Сворачиваемая_панель_на_страницу_.html">Как добавить компоненту “Сворачиваемая панель” на страницу?</a></li>
|
||||
</ul></section></section><section>
|
||||
<h2><a name="a.D0.A7.D0.B0.D1.81.D1.82.D0.BE_.D0.B7.D0.B0.D0.B4.D0.B0.D0.B2.D0.B0.D0.B5.D0.BC.D1.8B.D0.B5_.D0.B2.D0.BE.D0.BF.D1.80.D0.BE.D1.81.D1.8B"></a>Часто задаваемые вопросы</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> В чем заключаться главная полезность использования Сворачиваемой панели? </td>
|
||||
<td> Главная полезность заключается в возможности пользователю самому определять, хочет ли он чтобы данные внутри сворачиваемой панели отображались на странице или нет. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Какое отображение принимает Сворачиваемая панель на странице пользователя? </td>
|
||||
<td> Настроить отображение по умолчанию можно с помощью свойства компоненты. Таким образом,при переходе на страницу,существует выбор отображать свернутую или раскрытую панель. </td></tr>
|
||||
</tbody>
|
||||
</table></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,129 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Стили-контейнеров.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Блок с фиксированными кнопками</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1><b>Блок с фиксированными кнопками</b></h1>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> <b>Название класса css</b> </th>
|
||||
<th> <b>Описание</b> </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> block-fixed </td>
|
||||
<td> класс для контейнера - оболочки </td></tr>
|
||||
<tr class="a">
|
||||
<td> block-fixed-content </td>
|
||||
<td> класс для контейнера с содержимым </td></tr>
|
||||
<tr class="b">
|
||||
<td> block-fixed-buttons </td>
|
||||
<td> класс для контейнера с прижатыми к низу кнопками </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>Если вам необходимо отобразить фиксированную (не перекрывается другими и не может быть скролом смещена со своей позиции) область с кнопками внизу страницы, то необходимо сделать:</p>
|
||||
<ol style="list-style-type: decimal">
|
||||
|
||||
<li>Добавить block-fixed на корневой контейнер (VBox) страницы. В него добавить два других контейнера:
|
||||
<ol style="list-style-type: decimal">
|
||||
|
||||
<li>для отображения основной области страницы (VBox). На него необходимо добавить класс block-fixed-content</li>
|
||||
<li>для отображения кнопок (VBox). На него необходимо добавить класс block-fixed-buttons</li>
|
||||
</ol>
|
||||
</li>
|
||||
</ol>
|
||||
<p><i>Внимание! Для корректной работы скрипта, объектов с классом «block-content» или «block-menu» должно быть не более одного.</i></p>
|
||||
<p><b>Блок для работы со многими столбцами</b></p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> <b>Название класса css</b> </th>
|
||||
<th> <b>Описание</b> </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> block-border </td>
|
||||
<td> рамка для контейнера </td></tr>
|
||||
<tr class="a">
|
||||
<td> block-border-top-line </td>
|
||||
<td> отчертить контейнер линией сверху </td></tr>
|
||||
<tr class="b">
|
||||
<td> block-space-empty </td>
|
||||
<td> класс убирает внутренние отступы до вложенных элементов для контейнеров типа tab или block-content </td></tr>
|
||||
<tr class="a">
|
||||
<td> block-horiz-cols </td>
|
||||
<td> класс выстраивает внутренние контейнеры в виде равновысотных столбцов </td></tr>
|
||||
<tr class="b">
|
||||
<td> block-independent </td>
|
||||
<td> класс для создания автономного скроллируемого блока. </td></tr>
|
||||
<tr class="a">
|
||||
<td> block-top </td>
|
||||
<td> класс для шапки. Цветовой блок, чаще всего используемый для размещения нередактируемых базовых элементов. Все поля формы внутри блока отображаются как подчеркнутый текст </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>При этом, если контейнеры не растянуты по высоте экрана, то автономный блок примет высоту, равною большему из имеющихся блоков.<br />
|
||||
Либо будет равен высоте, заданной вручную через соответствующий параметр в студии.</p>
|
||||
<ul>
|
||||
|
||||
<li>HBox - block-horiz-cols
|
||||
<ul>
|
||||
|
||||
<li>VBox
|
||||
<ul>
|
||||
|
||||
<li>block-independent <i>(Внутри VBox!)</i></li>
|
||||
<li>…</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>VBox</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<p><i>Внимание! Для корректной работы скрипта, объектов с классом «block-horiz-col» должно быть не более одного.</i></p>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,162 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Форма.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Форма</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Форма</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Форма</b> - это невидимая компонента-контейнер, которая является источником подгрузки данных на странице пользовательского интерфейса. С помощью элемента Форма осуществляется запрос информации из базы данных во вложенные в Форму дочерние компоненты и сохранение введенной пользователем информации из дочерних компонент в базу данных по единственному идентификатору основной единицы создаваемого интерфейса (например, одной задаче в проекте, одному артикулу товара, одному сотруднику в коллективе и прочее).</p>
|
||||
<p>Все другие визуальные компоненты, которые будут отображать или сохранять информацию в/из базы данных на странице приложения, должны обязательно находится внутри компоненты-контейнераФорма, поскольку именно из неё, как из источника данных, они берут ссылки на таблицы и колонки базы данных, с которыми будут оперировать.</p>
|
||||
<p>Форма может работать в двух режимах:</p>
|
||||
<ul>
|
||||
|
||||
<li>После события сохранения (обновления) данных в визуальных компонентах, входящих в компоненту Форма, веб-страница запущенного приложения завершает текущую задачу (BPMNUSER TASK) и переходит к следующей задаче по бизнес-процессу;</li>
|
||||
<li>После события сохранения (обновления) данных в визуальных компонентах, входящих в компоненту Форма, веб-страница запущенного приложения не завершает текущую задачу (BPMNUSER TASK), не переходит к следующей задаче по бизнес-процессу, а остается в том же экранном интерфейсе. Для принудительного завершения текущей задачи (BPMNUSER TASK) и перехода к следующей задаче по бизнес-процессу, необходимо воспользоваться компонентой Кнопка навигации.</li>
|
||||
</ul>
|
||||
<p>Компонента <b>Форма</b> находится в разделе <b>Компоненты - Контейнеры - Форма</b></p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../control-properties.md">набор общих свойств</a>, <a href="../Подгрузка_данных.md">подгрузка данных</a>, <a href="../Подгрузка_данных_по_умолчанию.md">подгрузка данных по умолчанию</a>.</p><section><section>
|
||||
<h3><a name="a.D0.9F.D0.BE.D0.B4.D0.B3.D1.80.D1.83.D0.B7.D0.BA.D0.B0_.D0.B4.D0.B0.D0.BD.D0.BD.D1.8B.D1.85_.D0.BE.D1.81.D0.BD.D0.BE.D0.B2.D0.BD.D0.B0.D1.8F"></a>Подгрузка данных основная</h3>
|
||||
<p><img src="../../attachments/23200797/48366549.png" alt="" /></p>
|
||||
<p>описывает запрос к базе данных, результаты которого позволяют наполнить <i>вложенные видимые компоненты</i> значениями из базы данных при открытии веб-страницы приложения. <b>Является обязательным</b> к заполнению и настройке.</p>
|
||||
<ul>
|
||||
|
||||
<li>с помощью визуального конструктора запросов позволяет задать <i><a href="../Подгрузка_данных.md#id-_-_">Граф сущностей</a></i>, т.е. указать объекты базы данных, условия и взаимосвязи между ними для получения и отображения информации на веб-странице <b>и/или ее сохранения</b>.</li>
|
||||
<li>с помощью параметра <a href="../Подгрузка_данных.md#id-_-___">Переменная процесса с идентификатором</a> позволяет ограничить результаты полученного запроса единственным идентификатором смысловой единицы создаваемого интерфейса. - <i>Datasource Jndi Name -</i> позволяет задать иной источник (базу данных) для выполнения запроса, заданного с помощью элементов базы данных в редакторе Графа сущностей элемента.</li>
|
||||
</ul>
|
||||
<p>Значение данного свойства может быть задано следующим образом: <b><a class="externalLink" href="http://java/webbpm/AppReplicaDS">java:/webbpm/AppRepDS</a></b>, а сам адрес базы данных, логин и пароль для подключения должен быть указан в файле standalone.xml (аналогично тому, как указывается, например, подключение к базе данных безопасности) (рис.1)</p>
|
||||
<p><img src="../../attachments/23200797/48366855.png" alt="" /></p>
|
||||
<p>рис.1 Настройка файла standalone.xml</p>
|
||||
<p>В случае, если данное свойство не заполнено, запрос выполняется в базе данных, указанной в конфигурации проекта (во вкладке База данных).</p></section><section>
|
||||
<h3><a name="a.D0.9F.D0.BE.D0.B4.D0.B3.D1.80.D1.83.D0.B7.D0.BA.D0.B0_.D0.B4.D0.B0.D0.BD.D0.BD.D1.8B.D1.85_.D0.BF.D0.BE_.D1.83.D0.BC.D0.BE.D0.BB.D1.87.D0.B0.D0.BD.D0.B8.D1.8E"></a>Подгрузка данных по умолчанию</h3>
|
||||
<p><img src="../../attachments/23200797/48366550.png" alt="" /></p>
|
||||
<p>описывает запрос к базе данных, результаты которого позволяют наполнить вложенные видимые компоненты <b>значениями по умолчанию</b> из базы данных при открытии веб-страницы приложения, для тех случаев, когда результат запроса из основной подгрузки данных пуст. <b>Не является обязательным</b> к заполнению и настройке.</p>
|
||||
<ul>
|
||||
|
||||
<li>с помощью визуального конструктора запросов позволяет задать <i><a href="../Подгрузка_данных_по_умолчанию.md#id-___-_">Граф сущностей</a></i>, т.е. указать объекты базы данных и взаимосвязи между ними для получения и отображения на веб-странице <b>информации по умолчанию</b>, <b>но не ее сохранения</b></li>
|
||||
<li>с помощью параметра <i><a href="../Подгрузка_данных_по_умолчанию.md#id-___-___">Переменная процесса с идентификатором</a></i> позволяет ограничить результаты полученного запроса единственным идентификатором смысловой единицы создаваемого интерфейса.</li>
|
||||
</ul>
|
||||
<p><i>Datasource Jndi Name -</i> позволяет задать иной источник (базу данных) для выполнения запроса, заданного с помощью элементов базы данных в редакторе Графа сущностей элемента.</p>
|
||||
<p>Значение данного свойства может быть задано следующим образом:<b><a class="externalLink" href="http://java/webbpm/AppReplicaDS">java:/webbpm/AppRepDS</a></b>, а сам адрес базы данных, логин и пароль для подключения должен быть указан в файлеstandalone.xml(аналогично тому, как указывается, например, подключение к базе данных безопасности) (рис.1)</p>
|
||||
<p><img src="../../attachments/23200797/48366855.png" alt="" /></p>
|
||||
<p>рис.1 Настройка файла standalone.xml</p>
|
||||
<p>В случае, если данное свойство не заполнено, запрос выполняется в базе данных, указанной в конфигурации проекта (во вкладке База данных).</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения</th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Шаблон сообщения валидации (Message validation template) </td>
|
||||
<td> позволяет задать шаблон вывода сообщения (текст сообщения), отображаемого в окне ошибки при валидации значений фильтров. По умолчанию шаблон сообщения выставлен как: <code>"\#{label}: \#{message}"</code>, где параметры интерпретируются следующим образом: <code>\#{label}</code> - наименование компоненты, в которой произошла ошибка <code>\#{message}</code> - текст сообщения об ошибке </td>
|
||||
<td> <i>Примеры возможной настройки:</i> При пустом значений в поле* Message Validation Template* текст в окне об ошибке, отображаемом, например, при не заполнении значения в обязательном поле, будет отображаться по шаблону <code>"\#{label}: \#{message}"</code>, где <code>\#{label}</code> - наименование компоненты, в которой произошла ошибка (например, поле ФИО) <code>\#{message}</code> - текст сообщения об ошибке (значение по умолчанию Поле обязательно). </td></tr>
|
||||
</tbody>
|
||||
</table></section></section><section>
|
||||
<h2><a name="a.D0.91.D0.B0.D0.B7.D0.BE.D0.B2.D1.8B.D0.B5_.D1.84.D1.83.D0.BD.D0.BA.D1.86.D0.B8.D0.B8"></a>Базовые функции</h2>
|
||||
<p>Функция основных свойств компоненты “Форма в режиме перехода”</p>
|
||||
<p>По умолчанию компонента Форма работает в режиме перехода к следующей задаче послесохранения (обновления) данных.</p>
|
||||
<p>Указанную функциональность обеспечивает функция “Форма с переходом.Основные параметры”, и она автоматически назначается на компоненту Форма при переносе ее из библиотеки компонентов в структуру страницы в конструкторе экранного интерфейса.</p>
|
||||
<p>Является альтернативой функции <a href="Форма_без_перехода_Основные_параметры.html">Форма_без_перехода_Основные_параметры</a>. Для компоненты “Форма” может быть назначена только одна из этих функций, иначе система будет генерировать ошибку при сборке приложения.</p>
|
||||
<p>Описание параметров функции находится в таблице Свойства → Основные параметры.</p>
|
||||
<p><img src="../../attachments/23201277/23202462.png" alt="" /></p>
|
||||
<p><img src="../../attachments/23201277/23202461.png" alt="" /></p></section><section>
|
||||
<h2><a name="a.D0.94.D0.BE.D0.BF.D0.BE.D0.BB.D0.BD.D0.B8.D1.82.D0.B5.D0.BB.D1.8C.D0.BD.D1.8B.D0.B5_.D1.84.D1.83.D0.BD.D0.BA.D1.86.D0.B8.D0.B8"></a>Дополнительные функции</h2>
|
||||
<p>После настройки базовых свойств и функций компоненты может возникнуть необходимость в расширении базовой функциональности компоненты для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b>Добавить скрипт</b>.</p>
|
||||
<p>Для удаления из компоненты ошибочно добавленной функции или функции в которой нет необходимости используется элемент <b>Ключ с шестеренкой</b>, расположенный справа от наименования функции. По нажатию на элемент есть возможность <b>Удалить</b> функцию.</p>
|
||||
<p>Вследствие технических особенностей реализации функций (</p>
|
||||
<p><img src="../../attachments/23200797/23201042.png" alt="" /> - функции, которые выполняются удаленно на сервере приложений,</p>
|
||||
<p><img src="../../attachments/23200797/23201043.png" alt="" /> - функции, которые выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p>
|
||||
<p>Функция основных свойств компоненты “Форма без перехода”</p>
|
||||
<p>По умолчанию компонента Форма работает в режиме перехода к следующей задаче послесохранения (обновления) данных.</p>
|
||||
<p>Для перевода компоненты Форма в режим “без перехода” следует удалить скрипт Форма с переходом. Основные параметрыиз компоненты (рис.1) и назначить функцию Форма без перехода. Основные параметры (рис. 2).</p>
|
||||
<p>Является альтернативой функции <a href="Форма_с_переходом_Основные_параметры.html">Форма с переходом. Основные параметры</a>. Для компоненты “Форма” может быть назначена только одна из этих функций, иначе система будет генерировать ошибку при сборке приложения.</p>
|
||||
<p>Описание параметров функции находится в таблице Свойства → Основные параметры.</p>
|
||||
<p><img src="../../attachments/23201292/23202464.png" alt="" /></p>
|
||||
<p>Рис.1</p>
|
||||
<p><img src="../../attachments/23201292/23202466.png" alt="" /></p>
|
||||
<p>Рис.2</p><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p>
|
||||
<h1>Методические рекомендации по применению</h1>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_компоненту_Форма_на_страницу_.html">Как добавить компоненту “Форма” на страницу?</a></li>
|
||||
</ul>
|
||||
<h1>Часто задаваемые вопросы</h1>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Если компонента Форма является источником данных для входящих в нее элементов, обязательно ли ее присутствие на любой создаваемой странице ? </td>
|
||||
<td> Нет, не обязательно.Использование компоненты Форма чаще всего обуславливается необходимостью отображения так называемой “карточки сущности”, когда на одной странице нужно вывести в отдельных полях разных типов несколько характеристик одной единицы учета. Но для страниц, содержащих, например, табличное представление данных, так называемый “реестр единиц учета”, компонента Форма не нужна (поскольку компонент Таблица имеет собственный настраиваемый источник данных). </td></tr>
|
||||
<tr class="a">
|
||||
<td> Что такое имплементация и функций и для чего они нужны? </td>
|
||||
<td> Имплементация - это один из вариантов реализации. Функция выполняет некоторое полезное с точки зрения аналитика действие, задуманное им для реализации поставленной задачи. Но внутри функции это полезное действие может быть исполнено разными способами, предложенными разработчиками платформы. Ярким примером служит функция подгрузки данных. Она выполняет полезное действие - подгружает данные, но может подгружать их способом формирования и исполнения SQL запроса, а может подгружать способом считывания из переменной. В данном случае функция одна, а вариантов реализации полезного действия - два. Значит, существует две имплементации одной функции. </td></tr>
|
||||
<tr class="b">
|
||||
<td> Можно ли <b>сохранить/подгрузить</b> данные в визуальные компоненты не только в/из базы данных, но и в/из переменной процесса? </td>
|
||||
<td> Да, можно. Для подгрузки значения в визуальную компоненту из переменной процесса следует воспользоваться функцией Заполнить значением из переменной процесса, а для сохранения значения из визуального компонента в переменную процесса - функцией Сохранить значение в переменную процесса. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Можно ли заполнить <b>визуальный компонент</b> внутри компоненты Форма значением по умолчанию, когда страница с “карточкой сущности” открывается пустой для создания новой записи? </td>
|
||||
<td> Да, можно. Поскольку источником данных для визуального компонента является компонента Форма, то следует воспользоваться функцией Подгрузка данных по умолчанию и настроить подгрузку данных по умолчанию. В самой визуальной компоненте указать таблицу и колонку из ‘графа сущностей для получения значений по умолчанию’. Тогда при открытии веб-страницы приложения компонент Форма сформирует 2 запроса - по основному графу сущности данных не будет (поскольку это веб-страница создания карточки), а по ‘графу сущностей данных по умолчанию’ (с иной логикой формирования запроса, чем в основной ) будут выбраны и смогут быть предустановлены в визуальные компоненты в качестве предлагаемых по умолчанию </td></tr>
|
||||
<tr class="b">
|
||||
<td> Чем отличается функциональность набора свойств (<b>Видимость, Обязательность, Недоступно для управления, Подлежит сохранению</b>) у компоненты-контейнера от функциональности одноименных свойств обычной компоненты? </td>
|
||||
<td> Функциональность набора свойств (<b>Подлежит сохранению,Обязательность, Видимость,Недоступно для управления</b>) у компоненты-контейнера отличается от функциональности одноименных свойств у обычной компоненты тем, что значение указанных свойств наследуется с компоненты-контейнера на все компоненты, входящие в состав такой компоненты-контейнера. Правила наследования таковы, что если у вложенного объекта соответствующее свойство выставлено в значение <code>Истина</code>, то оно следует судьбе этого же свойства у компоненты-контейнера, если же значение соответствующего свойства у вложенной компоненты отличается от значения <code>Истина</code>, то наследования значения этого свойства от компоненты-контейнера не происходит, компонента функционирует в соответствии с собственными настройками. </td></tr>
|
||||
</tbody>
|
||||
</table></section></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,56 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Форма_без_перехода_Основные_параметры.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Форма без перехода. Основные параметры</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Форма без перехода. Основные параметры</h1>
|
||||
<p>По умолчанию компонента Форма работает в режиме перехода к следующей задаче после сохранения (обновления) данных.</p>
|
||||
<p>Для перевода компоненты Форма в режим “без перехода” следует удалить () скрипт Форма с переходом. Основные параметры из компоненты (рис.1) и назначить функцию Форма без перехода. Основные параметры (рис. 2).</p>
|
||||
<p>Является альтернативой функции <a href="Форма_с_переходом_Основные_параметры.html">Форма с переходом. Основные параметры</a>. Для компоненты “Форма” может быть назначена только одна из этих функций, иначе система будет генерировать ошибку при сборке приложения.</p>
|
||||
<p>Описание параметров функции находится в таблице Свойства → Основные параметры.</p>
|
||||
<p><img src="../../attachments/23201292/23202464.png" alt="" /></p>
|
||||
<p><img src="../../attachments/23201292/23202466.png" alt="" /></p>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,56 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/containers/Форма_с_переходом_Основные_параметры.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Форма с переходом. Основные параметры</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Форма с переходом. Основные параметры</h1>
|
||||
<p>По умолчанию компонента Форма работает в режиме перехода к следующей задаче послесохранения (обновления) данных.</p>
|
||||
<p>Указанную функциональность обеспечивает функция “Форма с переходом.Основные параметры”, и она автоматически назначается на компоненту Форма при переносе ее из библиотеки компонентов в структуру страницы в конструкторе экранного интерфейса.</p>
|
||||
<p>Является альтернативой функции <a href="Форма_без_перехода_Основные_параметры.html">Форма_без_перехода_Основные_параметры</a>. Для компоненты Форма может быть назначена только одна из этих функций, иначе система будет генерировать ошибку при сборке приложения.</p>
|
||||
<p>Описание параметров функции находится в таблице Свойства → Основные параметры.</p>
|
||||
<p><img src="../../attachments/23201277/23202462.png" alt="" /></p>
|
||||
<p><img src="../../attachments/23201277/23202461.png" alt="" /></p>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,140 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/control-properties.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Основные свойств компонент</title>
|
||||
<link rel="stylesheet" href="../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../css/site.css" />
|
||||
<link rel="stylesheet" href="../css/print.css" media="print" />
|
||||
<script src="../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Основные свойств компонент</h1>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Всплывающая подсказка </td>
|
||||
<td> позволяет указать текст всплывающей подсказки, которая появляется при наведении курсора на элемент </td>
|
||||
<td> <i>пример возможного значения:</i> Здесь отображается информация о сотрудниках </td></tr>
|
||||
<tr class="a">
|
||||
<td> Видимость </td>
|
||||
<td> позволяет регулировать видимость элемента на странице </td>
|
||||
<td> <img src="../attachments/23201785/23202183.png" alt="" /> - видимый. Значение по умолчанию <br /> <img src="../attachments/23201785/23202184.png" alt="" /> - невидимый </td></tr>
|
||||
<tr class="b">
|
||||
<td> Недоступно для управления </td>
|
||||
<td> позволяет регулировать возможность редактирования (управления) элементом на странице </td>
|
||||
<td> <img src="../attachments/23201785/23202183.png" alt="" /> - невозможно регулировать <br /><img src="../attachments/23201785/23202184.png" alt="" /> - возможно регулировать. Значение по умолчанию </td></tr>
|
||||
<tr class="a">
|
||||
<td> Подлежит сохранению </td>
|
||||
<td> позволяет указать будет ли значение компоненты передаваться на сервер; если значение установлено в <img src="../attachments/23201785/23202189.png" alt="" /> , то <br /> - <i>при сохранении</i>, значение данного поля не будет сохранено <br /> - <i>при использовании в фильтре</i>, значение данного поля не будет участвовать в фильтрации </td>
|
||||
<td> <img src="../attachments/23201785/23202190.png" alt="" /> - значение не определено. Значение по умолчанию <br /> <img src="../attachments/23201785/23202183.png" alt="" /> - подлежит сохранению <br /> <img src="../attachments/23201785/23202184.png" alt="" /> - не подлежит сохранению </td></tr>
|
||||
<tr class="b">
|
||||
<td> Обязательность </td>
|
||||
<td> позволяет задать обязательность заполнения поля на странице; обязательные поля проверяются на заполненность перед сохранением </td>
|
||||
<td> <img src="../attachments/23201785/23202190.png" alt="" /> - значение не определено - значение по умолчанию <br /> <img src="../attachments/23201785/23202183.png" alt="" /> - обязательно для заполнения <br /> <img src="../attachments/23201785/23202184.png" alt="" /> - необязательно для заполнения </td></tr>
|
||||
</tbody>
|
||||
</table><section>
|
||||
<h2><a name="a.D0.A0.D0.B0.D1.81.D1.88.D0.B8.D1.80.D0.B5.D0.BD.D0.BD.D1.8B.D0.B5_.D0.BD.D0.B0.D1.81.D1.82.D1.80.D0.BE.D0.B9.D0.BA.D0.B8"></a>Расширенные настройки</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Inherit Parent </td>
|
||||
<td> </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Стили </td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>внутренний отступ - (необходимо указывать единицы измерения)</li>
|
||||
<li>внешний отступ - (необходимо указывать единицы измерения)</li>
|
||||
<li>граница - (необходимо указывать единицы измерения)</li>
|
||||
<li>высота - позволяет указать высоту элемента (необходимо указывать единицы измерения, например, 20px)</li>
|
||||
<li>ширина - позволяет указать ширину элемента(необходимо указывать единицы измерения, например, 40px)</li>
|
||||
<li>минимальная высота - позволяет указать минимальную высоту</li>
|
||||
<li>элемента (необходимо указывать единицы измерения, например, 20px)</li>
|
||||
<li>минимальная ширина - позволяет указать минимальную ширину</li>
|
||||
<li>элемента (необходимо указывать единицы измерения,</li>
|
||||
<li>например, 40px)</li>
|
||||
<li>максимальная высота - позволяет указать максимальную высоту</li>
|
||||
<li>элемента (необходимо указывать единицы измерения,</li>
|
||||
<li>например, 20px)</li>
|
||||
<li>максимальная ширина - позволяет указать максимальную ширину</li>
|
||||
<li>элемента (необходимо указывать единицы измерения,</li>
|
||||
<li>например, 40px)</li></ul> </td>
|
||||
<td> </td></tr>
|
||||
<tr class="b">
|
||||
<td> CSS классы </td>
|
||||
<td> позволяет указать список CSS-классов, которые необходимо применить к элементу </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table></section><section>
|
||||
<h2><a name="a.D0.A1.D0.B2.D0.BE.D0.B9.D1.81.D1.82.D0.B2.D0.B0_.D0.BF.D0.BE.D0.BB.D0.B5.D0.B9_.D0.B4.D0.BB.D1.8F_.D0.B2.D0.B2.D0.BE.D0.B4.D0.B0"></a>Свойства полей для ввода</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> requiredErrorMsg </td>
|
||||
<td> позволяет задать пользовательское сообщение об ошибке обязательности поля </td>
|
||||
<td> текст </td>
|
||||
<td> </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,118 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/EditableOneToMany.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – EditableOneToMany</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>EditableOneToMany</h1>
|
||||
<h1>Назначение компонента</h1>
|
||||
<p>Составной компонент EditableOneToMany служит для создания и редактирование записей. Работает по аналогии с <a href="../editable-grids/EditableGrid.md">EditableGrid</a>, но работа происходит в отдельном окне.</p>
|
||||
<p><img src="../../attachments/1966197/1966329.png" alt="" /></p>
|
||||
<p>При нажатии на кнопку “Создать”:</p>
|
||||
<p><img src="../../attachments/1966197/1966299.png" alt="" /></p>
|
||||
<h1>Настройка компонента</h1>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование </th>
|
||||
<th> Назначение </th>
|
||||
<th> Значение по умолчанию </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> visible </td>
|
||||
<td> задаёт видимость компоненты </td>
|
||||
<td> true </td></tr>
|
||||
<tr class="a">
|
||||
<td> disabled </td>
|
||||
<td> задаёт редактируемость компоненты </td>
|
||||
<td> false </td></tr>
|
||||
<tr class="b">
|
||||
<td> tooltip </td>
|
||||
<td> задаёт текст всплывающей подсказки, которая появляется при наведении курсора на элемент </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> cssClasses </td>
|
||||
<td> список CSS классов (см. раздел Дизайн) </td>
|
||||
<td> </td></tr>
|
||||
<tr class="b">
|
||||
<td> style </td>
|
||||
<td> список основных свойств:
|
||||
<ul>
|
||||
<li>padding (необходимо указывать единицы измерения) </li>
|
||||
<li>margin (необходимо указывать единицы измерения). См. <a class="externalLink" href="http://htmlbook.ru/css/margin">http://htmlbook.ru/css/margin</a>. Например для задания отступа справа на 50px необходимо задать значение 0px 50px 0px 0px </li>
|
||||
<li>border - задает размер, цвет и стиль рамки. Например “20px solid red”. Подробнее <a class="externalLink" href="http://htmlbook.ru/css/border">http://htmlbook.ru/css/border</a> </li>
|
||||
<li>height - задает высоту компонента </li>
|
||||
<li>width - задает ширину компонента </li>
|
||||
<li>minHeight - задает минимальную высоту компонента</li>
|
||||
<li>minWidth - задает минимальную ширину компонента </li>
|
||||
<li>maxHeight - задает максимальную высоту компонента </li>
|
||||
<li>maxWidth - задает максимальную ширину компонента.</li></ul> </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<ol style="list-style-type: decimal">
|
||||
|
||||
<li>
|
||||
|
||||
<p><b>Настройка кнопок</b><br />
|
||||
Buttons содержит в себе кнопки: создать, редактировать, удалить. Описание настройки кнопок можно посмотреть в разделе <b><a href="../buttons/Кнопки.md">Компоненты > Кнопки</a>.</b></p>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<p><b>Настройка EditableGrid</b><br />
|
||||
Настроить <a href="../editable-grids/EditableGrid.md">EditableGrid</a></p>
|
||||
</li>
|
||||
<li><b>Настройка диалогового окна:</b>
|
||||
<ol style="list-style-type: decimal">
|
||||
|
||||
<li>Настроить <a href="../containers/Форма.md">Form</a></li>
|
||||
<li>Настроить Buttons<br />
|
||||
Buttons содержит в себе кнопки диалогового окна. Описание настройки кнопок можно посмотреть в разделе <b><a href="../buttons/Кнопки.md">Компоненты > Кнопки</a>.</b></li>
|
||||
</ol>
|
||||
</li>
|
||||
</ol>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,464 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/ManyToMany.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – ManyToMany</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>ManyToMany</h1><section>
|
||||
<h2><a name="a.D0.9D.D0.B0.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82.D0.B0"></a>Назначение компонента</h2>
|
||||
<p>Компонент ManyToMany предназначен для выбора одного или нескольких значений. Выбранные значения будут отображены в поле таблицы.</p>
|
||||
<p>Общий вид типового справочника для множественного выбора представлен на рисунке:</p>
|
||||
<p><img src="../../attachments/1212427/1212541.png" alt="" /></p></section><section>
|
||||
<h2><a name="a.D0.9B.D0.BE.D0.B3.D0.B8.D0.BA.D0.B0_.D1.80.D0.B0.D0.B1.D0.BE.D1.82.D1.8B"></a>Логика работы</h2>
|
||||
<p>Для осуществления выбора требуемых значений из справочника нужно последовательно выполнить следующие операции:</p>
|
||||
<p><img src="../../attachments/1212427/1966574.gif" alt="" /></p>
|
||||
<p><img src="images/icons/grey_arrow_down.png" alt="" />Пошаговая работа пользователя с ManyToMany …</p><section>
|
||||
<h3><a name="a.D0.9F.D0.BE.D0.B8.D1.81.D0.BA_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B9"></a><b>Поиск значений</b></h3>
|
||||
<p>Пустой добавленный компонент ManyToMany выглядит следующим образом:</p>
|
||||
<p><img src="../../attachments/1212427/1212544.png" alt="рис. 1" /></p>
|
||||
<p>По кнопке «Изменить» (текст кнопки может быть изменен), открывается диалоговое окно заполнения компонента:</p>
|
||||
<p><img src="../../attachments/1212427/1212543.png" alt="" /></p>
|
||||
<p>Поиск требуемых значений в справочнике может осуществляться вручную (визуально).</p></section><section>
|
||||
<h3><a name="a.D0.A3.D0.BA.D0.B0.D0.B7.D0.B0.D0.BD.D0.B8.D0.B5_.D1.82.D1.80.D0.B5.D0.B1.D1.83.D0.B5.D0.BC.D1.8B.D1.85_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B9"></a><b>Указание требуемых значений</b></h3>
|
||||
<p>После нахождения требуемого значения в справочнике нужно указать на него при помощи мыши. Поле указанного значения окрасится в серый цвет. Общий вид указанного требуемого значения приведен на рисунке:</p>
|
||||
<p><img src="../../attachments/1212427/1212537.png" alt="Выбираем значения из справочника" /></p>
|
||||
<p><b>Формирование списка требуемых значений</b></p>
|
||||
<p>После указания требуемого значения в справочнике нужно переместить их в область выбранных значений в правой части диалогового окна при помощи кнопок:</p>
|
||||
<p><img src="../../attachments/1212427/1212538.png" alt="Кнопки выбора" /></p>
|
||||
<p>Добавим значения в список требуемых значений:</p>
|
||||
<p><img src="../../attachments/1212427/1212536.png" alt="Добавляем значения, тем самым формируя список значений" /></p></section><section>
|
||||
<h3><a name="a.D0.A1.D0.BE.D1.85.D1.80.D0.B0.D0.BD.D0.B5.D0.BD.D0.B8.D0.B5_.D1.82.D1.80.D0.B5.D0.B1.D1.83.D0.B5.D0.BC.D1.8B.D1.85_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B9"></a><b>Сохранение требуемых значений</b></h3>
|
||||
<p>После формирования списка требуемые значения нужно сохранить. Для этого нужно нажать на кнопку «Ок». После выполнения указанного действия диалоговое окно будет закрыто, а выбранное значение отобразится в поле формы, из которой было вызвано диалоговое окно.</p>
|
||||
<p><img src="../../attachments/1212427/1212541.png" alt="Компонент заполнен выбранными значениями" /></p></section></section><section>
|
||||
<h2><a name="a.D0.9D.D0.B0.D1.81.D1.82.D1.80.D0.BE.D0.B9.D0.BA.D0.B0_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82.D0.B0"></a>Настройка компонента</h2>
|
||||
<ol style="list-style-type: decimal">
|
||||
|
||||
<li>Необходимо добавить компонент ManyToMany на страницу.
|
||||
<p>Для того чтобы данные, отобранные с помощью этого компонента, сохранялись в базу данных, его необходимо вложить в компонент <a href="../containers/Форма.md">Form</a>.</p></li>
|
||||
</ol>
|
||||
<p><img src="../../attachments/1212427/1966582.png" alt="" /></p>
|
||||
<p>ManyToMany – это составной компонент, состоящий из след. элементов:</p>
|
||||
<p><img src="../../attachments/1212427/1966583.png" alt="" /></p>
|
||||
<p>Здесь:</p><section>
|
||||
<h3><b><img src="../../attachments/1212427/1966621.png" alt="" /></b></h3>
|
||||
<p>Настроим каждый элемент отдельно.</p>
|
||||
<p><img src="images/icons/grey_arrow_down.png" alt="" />шаг 0. Продумать состав данных…</p>
|
||||
<p>Для этого определимся какие таблицы будем использовать:</p>
|
||||
<p><img src="../../attachments/1212427/1966678.jpg" alt="" /></p>
|
||||
<ul>
|
||||
|
||||
<li>Таблица А — таблица, к которой привязывается справочник (таблица B)</li>
|
||||
<li>Таблица А_В — линковая (Link) таблица, она будет заполняться из А и В</li>
|
||||
<li>Таблица В — таблица-справочник, из которой будут браться значения</li>
|
||||
</ul>
|
||||
<p><img src="images/icons/grey_arrow_down.png" alt="" />шаг 1. Настройка Form…</p>
|
||||
<p>Если компонент ManyToMany вложен в компонент Form, то предварительно необходимо <a href="../containers/Форма.md">настроить компонент Form</a>.</p>
|
||||
<p>Для этого в структуру сущностей Form добавьте таблицу А (см. шаг 0).</p>
|
||||
<p><img src="images/icons/grey_arrow_down.png" alt="" />шаг 2. Настройка основной области — LinkField</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование </th>
|
||||
<th> Назначение </th>
|
||||
<th> Значение по умолчанию </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> visible </td>
|
||||
<td> задаёт видимость компоненты </td>
|
||||
<td> true </td></tr>
|
||||
<tr class="a">
|
||||
<td> disabled </td>
|
||||
<td> задаёт редактируемость компоненты </td>
|
||||
<td> false </td></tr>
|
||||
<tr class="b">
|
||||
<td> tooltip </td>
|
||||
<td> задаёт текст всплывающей подсказки, которая появляется при наведении курсора на элемент </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> cssClasses </td>
|
||||
<td> список CSS классов (см. раздел Дизайн) </td>
|
||||
<td> </td></tr>
|
||||
<tr class="b">
|
||||
<td> style </td>
|
||||
<td> список основных свойств:
|
||||
<ul>
|
||||
<li>padding (необходимо указывать единицы измерения) </li>
|
||||
<li>margin (необходимо указывать единицы измерения). См. <a class="externalLink" href="http://htmlbook.ru/css/margin">http://htmlbook.ru/css/margin</a>. Например для задания отступа справа на 50px необходимо задать значение 0px 50px 0px 0px </li>
|
||||
<li>border - задает размер, цвет и стиль рамки. Например “20px solid red”. Подробнее <a class="externalLink" href="http://htmlbook.ru/css/border">http://htmlbook.ru/css/border</a> </li>
|
||||
<li>height - задает высоту компонента </li>
|
||||
<li>width - задает ширину компонента </li>
|
||||
<li>minHeight - задает минимальную высоту компонента</li>
|
||||
<li>minWidth - задает минимальную ширину компонента </li>
|
||||
<li>maxHeight - задает максимальную высоту компонента </li>
|
||||
<li>maxWidth - задает максимальную ширину компонента.</li></ul> </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> rowsAddedEvent </td>
|
||||
<td> событие, которое триггерится при добавлении строк </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование </th>
|
||||
<th> Назначение </th>
|
||||
<th> Значение по умолчанию </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> <i>LinkFieldRpcService → LinkFieldService <i>→</i> linkFieldDao</i> <i>→</i> graph </td>
|
||||
<td> <a href="../Настройка_Графа_сущностей.md">Выбор графа сущностей</a> для подгрузки и сохранения данных. Главной сущностью должна быть таблица – справочник (таблица B), который линкуется (refToSecondTablePK) </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> <i>LinkFieldRpcService <i>→</i> LinkFieldService <i>→</i> linkFieldDao</i> <i>→</i> distinct </td>
|
||||
<td> Исключить дублирующиеся записи </td>
|
||||
<td> </td></tr>
|
||||
<tr class="b">
|
||||
<td> GridColumns </td>
|
||||
<td> Добавление колонок. С помощью кнопки « + » добавляем элементы. Каждый элемент является колонкой(столбцом). Имеет следующие свойства:
|
||||
<ul>
|
||||
<li>field – задает пару таблица:колонка в БД </li>
|
||||
<li>displayName – отображаемое наименование колонки</li>
|
||||
<li>sortOrder (ASC | DESC) – указывает порядок сортировки значений в указанном столбце — по возрастанию или по убыванию</li>
|
||||
<li>width – задает ширину</li>
|
||||
<li>formatter – задает скрипт для манипуляции с отображением данных при загрузке</li></ul> </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> LinkFieldSelectionScript </td>
|
||||
<td> multiselectable – возможность выбирать сразу несколько элементов </td>
|
||||
<td> </td></tr>
|
||||
<tr class="b">
|
||||
<td> LinkFieldCustomSaveLoadScript </td>
|
||||
<td> Задание связи между таблицами:
|
||||
<ul>
|
||||
<li>refToSecondTablePKFromLinkTable – ссылка на справочник (таблица В) из линковой таблицы А_В</li>
|
||||
<li>refToMainTablePKFromLinkTable – ссылка на таблицу А из линковой таблицы А_В</li>
|
||||
<li>mainTablePKColumn – первичный ключ таблицы-сущности из структуры сущ. Form к которой привязывается справочник (не обязательно главная!)</li></ul> </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p><img src="images/icons/grey_arrow_down.png" alt="" />шаг 3. Настройка ChangeButton…</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование </th>
|
||||
<th> Назначение </th>
|
||||
<th> Значение по умолчанию </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> visible </td>
|
||||
<td> задаёт видимость компоненты </td>
|
||||
<td> true </td></tr>
|
||||
<tr class="a">
|
||||
<td> disabled </td>
|
||||
<td> задаёт редактируемость компоненты </td>
|
||||
<td> false </td></tr>
|
||||
<tr class="b">
|
||||
<td> tooltip </td>
|
||||
<td> задаёт текст всплывающей подсказки, которая появляется при наведении курсора на элемент </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> cssClasses </td>
|
||||
<td> список CSS классов (см. раздел Дизайн) </td>
|
||||
<td> </td></tr>
|
||||
<tr class="b">
|
||||
<td> style </td>
|
||||
<td> список основных свойств:
|
||||
<ul>
|
||||
<li>padding (необходимо указывать единицы измерения) </li>
|
||||
<li>margin (необходимо указывать единицы измерения). См. <a class="externalLink" href="http://htmlbook.ru/css/margin">http://htmlbook.ru/css/margin</a>. Например для задания отступа справа на 50px необходимо задать значение 0px 50px 0px 0px </li>
|
||||
<li>border - задает размер, цвет и стиль рамки. Например “20px solid red”. Подробнее <a class="externalLink" href="http://htmlbook.ru/css/border">http://htmlbook.ru/css/border</a> </li>
|
||||
<li>height - задает высоту компонента </li>
|
||||
<li>width - задает ширину компонента </li>
|
||||
<li>minHeight - задает минимальную высоту компонента</li>
|
||||
<li>minWidth - задает минимальную ширину компонента </li>
|
||||
<li>maxHeight - задает максимальную высоту компонента </li>
|
||||
<li>maxWidth - задает максимальную ширину компонента.</li></ul> </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование </th>
|
||||
<th> Назначение </th>
|
||||
<th> Значение по умолчанию </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> caption </td>
|
||||
<td> наименование кнопки, видимое пользователю </td>
|
||||
<td> Изменить </td></tr>
|
||||
<tr class="a">
|
||||
<td> confirmation text </td>
|
||||
<td> если задать здесь текст, то пользователю будет отображёно диалоговое окно с этим текстом и кнопками Да/Нет. Используется для подтверждения действия </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p><img src="images/icons/grey_arrow_down.png" alt="" />шаг 4. Настройка диалогового окна выбора значений SelectDialog…</p>
|
||||
<p>Диалог выбора (SelectDialog) состоит из двух частей:</p>
|
||||
<p><img src="../../attachments/1212427/1966619.png" alt="" /></p>
|
||||
<ul>
|
||||
|
||||
<li>GridsPanel который включается в себя:<br />
|
||||
<img src="../../attachments/1212427/1966620.png" alt="" /></li>
|
||||
<li>ButtonsContainer который содержит в себе кнопки диалогового окна</li>
|
||||
</ul>
|
||||
<p>Настроим каждый блок по отдельности:</p></section></section><section>
|
||||
<h2><a name="a.D0.9D.D0.B0.D1.81.D1.82.D1.80.D0.BE.D0.B9.D0.BA.D0.B0_GridsPanel"></a>Настройка GridsPanel</h2><hr />
|
||||
<ol style="list-style-type: decimal">
|
||||
|
||||
<li><section>
|
||||
<h3><a name="a.D0.9D.D0.B0.D1.81.D1.82.D1.80.D0.BE.D0.B9.D0.BA.D0.B0_.D1.82.D0.B0.D0.B1.D0.BB.D0.B8.D1.86.D1.8B_.D1.81.D0.BF.D0.B8.D1.81.D0.BA.D0.B0_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B9_AvailableRecordsGrid"></a><b>Настройка таблицы списка значений AvailableRecordsGrid</b></h3></li>
|
||||
</ol>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование </th>
|
||||
<th> Назначение </th>
|
||||
<th> Значение по умолчанию </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> visible </td>
|
||||
<td> задаёт видимость компоненты </td>
|
||||
<td> true </td></tr>
|
||||
<tr class="a">
|
||||
<td> disabled </td>
|
||||
<td> задаёт редактируемость компоненты </td>
|
||||
<td> false </td></tr>
|
||||
<tr class="b">
|
||||
<td> tooltip </td>
|
||||
<td> задаёт текст всплывающей подсказки, которая появляется при наведении курсора на элемент </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> cssClasses </td>
|
||||
<td> список CSS классов (см. раздел Дизайн) </td>
|
||||
<td> </td></tr>
|
||||
<tr class="b">
|
||||
<td> style </td>
|
||||
<td> список основных свойств:
|
||||
<ul>
|
||||
<li>padding (необходимо указывать единицы измерения) </li>
|
||||
<li>margin (необходимо указывать единицы измерения). См. <a class="externalLink" href="http://htmlbook.ru/css/margin">http://htmlbook.ru/css/margin</a>. Например для задания отступа справа на 50px необходимо задать значение 0px 50px 0px 0px </li>
|
||||
<li>border - задает размер, цвет и стиль рамки. Например “20px solid red”. Подробнее <a class="externalLink" href="http://htmlbook.ru/css/border">http://htmlbook.ru/css/border</a> </li>
|
||||
<li>height - задает высоту компонента </li>
|
||||
<li>width - задает ширину компонента </li>
|
||||
<li>minHeight - задает минимальную высоту компонента</li>
|
||||
<li>minWidth - задает минимальную ширину компонента </li>
|
||||
<li>maxHeight - задает максимальную высоту компонента </li>
|
||||
<li>maxWidth - задает максимальную ширину компонента.</li></ul> </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование </th>
|
||||
<th> Назначение </th>
|
||||
<th> Значение по умолчанию </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> <i>GridRpcService → gridService → LoadDao</i> → graph </td>
|
||||
<td> <a href="../Настройка_Графа_сущностей.md">Выбор графа сущностей</a> для подгрузки и сохранения данных. Главной сущностью должна быть та же таблица, что и в графе LinkField. Этот граф может быть чуть более расширенный – например для сортировки. </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> GridColumns </td>
|
||||
<td> Добавление колонок. С помощью кнопки « + » добавляем элементы. Каждый элемент является колонкой(столбцом). Имеет следующие свойства:
|
||||
<ul>
|
||||
<li>field – задает пару таблица:колонка в БД </li>
|
||||
<li>displayName – отображаемое наименование колонки</li>
|
||||
<li>sortOrder (ASC | DESC) – указывает порядок сортировки значений в указанном столбце — по возрастанию или по убыванию</li>
|
||||
<li>width – задает ширину</li>
|
||||
<li>formatter – задает скрипт для манипуляции с отображением данных при загрузке</li></ul> </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table></section><section>
|
||||
<h3><a name="a2._.D0.9D.D0.B0.D1.81.D1.82.D1.80.D0.BE.D0.B9.D0.BA.D0.B0_.D0.BA.D0.BD.D0.BE.D0.BF.D0.BE.D0.BA_.D0.B4.D0.B5.D0.B9.D1.81.D1.82.D0.B2.D0.B8.D0.B9_Buttons"></a><b>2. Настройка кнопок действий</b> <b>Buttons</b></h3>
|
||||
<p>В этом <a href="../containers/Вертикальный_контейнер.md">контейнере</a> находятся кнопки управления перемещением в/из таблицы списка значений. Они настраиваются аналогично любым другим <a href="../buttons/Кнопки.md">кнопкам</a>.</p></section><section>
|
||||
<h3><a name="a3._.D0.9D.D0.B0.D1.81.D1.82.D1.80.D0.BE.D0.B9.D0.BA.D0.B0_.D1.82.D0.B0.D0.B1.D0.BB.D0.B8.D1.86.D1.8B_.D0.B2.D1.8B.D0.B1.D1.80.D0.B0.D0.BD.D0.BD.D1.8B.D1.85_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B9_LinkFieldDialog"></a><b>3. Настройка т</b>аблицы выбранных значений LinkFieldDialog</h3>
|
||||
<p>Настраивать необязательно. Настраивается для более детального вывода.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование </th>
|
||||
<th> Назначение </th>
|
||||
<th> Значение по умолчанию </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> visible </td>
|
||||
<td> задаёт видимость компоненты </td>
|
||||
<td> true </td></tr>
|
||||
<tr class="a">
|
||||
<td> disabled </td>
|
||||
<td> задаёт редактируемость компоненты </td>
|
||||
<td> false </td></tr>
|
||||
<tr class="b">
|
||||
<td> tooltip </td>
|
||||
<td> задаёт текст всплывающей подсказки, которая появляется при наведении курсора на элемент </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> cssClasses </td>
|
||||
<td> список CSS классов (см. раздел Дизайн) </td>
|
||||
<td> </td></tr>
|
||||
<tr class="b">
|
||||
<td> style </td>
|
||||
<td> список основных свойств:
|
||||
<ul>
|
||||
<li>padding (необходимо указывать единицы измерения) </li>
|
||||
<li>margin (необходимо указывать единицы измерения). См. <a class="externalLink" href="http://htmlbook.ru/css/margin">http://htmlbook.ru/css/margin</a>. Например для задания отступа справа на 50px необходимо задать значение 0px 50px 0px 0px </li>
|
||||
<li>border - задает размер, цвет и стиль рамки. Например “20px solid red”. Подробнее <a class="externalLink" href="http://htmlbook.ru/css/border">http://htmlbook.ru/css/border</a> </li>
|
||||
<li>height - задает высоту компонента </li>
|
||||
<li>width - задает ширину компонента </li>
|
||||
<li>minHeight - задает минимальную высоту компонента</li>
|
||||
<li>minWidth - задает минимальную ширину компонента </li>
|
||||
<li>maxHeight - задает максимальную высоту компонента </li>
|
||||
<li>maxWidth - задает максимальную ширину компонента.</li></ul> </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование </th>
|
||||
<th> Назначение </th>
|
||||
<th> Значение по умолчанию </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> GridColumns </td>
|
||||
<td> Добавление колонок. С помощью кнопки « + » добавляем элементы. Каждый элемент является колонкой(столбцом). Имеет следующие свойства:
|
||||
<ul>
|
||||
<li>field – задает пару таблица:колонка в БД </li>
|
||||
<li>displayName – отображаемое наименование колонки</li>
|
||||
<li>sortOrder (ASC | DESC) – указывает порядок сортировки значений в указанном столбце — по возрастанию или по убыванию</li>
|
||||
<li>width – задает ширину</li>
|
||||
<li>formatter – задает скрипт для манипуляции с отображением данных при загрузке</li></ul> </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> LinkFieldSelectionScript </td>
|
||||
<td> multiselectable – возможность выбирать сразу несколько элементов </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table></section></section><section>
|
||||
<h2><a name="a.D0.9D.D0.B0.D1.81.D1.82.D1.80.D0.BE.D0.B9.D0.BA.D0.B0_ButtonsContainer"></a>Настройка ButtonsContainer</h2>
|
||||
<p>В этом <a href="../containers/Горизонтальный_контейнер.md">контейнере</a> находятся кнопки управления перемещением в/из таблицы списка значений. Они настраиваются аналогично любым другим <a href="../buttons/Кнопки.md">кнопкам</a>.</p>
|
||||
<p><img src="images/icons/grey_arrow_down.png" alt="" />Пример минимальной настройки компонента ManyToMany…</p>
|
||||
<p>Задача: Необходимо организовать заполнение поля таблицы «Тема услуги, предоставленной гражданину» (Таблица А_В) путем выбора из справочника «Услуги» (Таблица В).</p>
|
||||
<p><img src="../../attachments/1212427/1966658.gif" alt="" /></p>
|
||||
<p>Дано:</p>
|
||||
<ul>
|
||||
|
||||
<li>Таблица А - таблица «Тема услуги, предоставленной гражданину»</li>
|
||||
<li>Таблица А_В - линковая (Link) таблица</li>
|
||||
<li>Таблица В - таблица-справочник «Услуги»</li>
|
||||
</ul>
|
||||
<ol style="list-style-type: decimal">
|
||||
|
||||
<li>В структуру сущностей Form добавляем таблицу А.</li>
|
||||
<li>В Form добавляем компонент ManyToMany.</li>
|
||||
<li>Настраиваем основную область LinkField в ManyToMany:
|
||||
<ol style="list-style-type: decimal">
|
||||
|
||||
<li><i>LinkFieldRpcService → LinkFieldService <i>→</i> linkFieldDao__→</i> graph:<br />
|
||||
<a href="1966635.html">Главной сущностью</a> является справочник (Таблица В). Добавьте линковую таблицу А_В и установите связь с главной сущностью (стрелка от справочника к линковой таблице).<br />
|
||||
Добавьте все остальные таблицы и связи, если хотите отобразить дополнительную информацию в основной области LinkField и настройте в GridColumns.</li>
|
||||
<li>Зададим связи между таблицами в LinkFieldCustomSaveLoadScript:</li>
|
||||
</ol>
|
||||
<ul>
|
||||
|
||||
<li>refToSecondTablePKFromLinkTable – ссылка на справочник (Таблица В) из линковой таблицы А_В.</li>
|
||||
<li>refToMainTablePKFromLinkTable – ссылка на таблицу А из линковой таблицы А_В.</li>
|
||||
<li>mainTablePKColumn – выбираем первичный ключ таблицы, добавленной в структуру сущностей Form в п. 1.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Настройка таблицы списка значений AvailableRecordsGrid в SelectDialog:
|
||||
<p><i>GridRpcService → gridService → LoadDao</i> → graph:</p>
|
||||
<p>Главной сущностью является та же таблица, что и в графе LinkField (см. п. 3а). Добавьте все остальные таблицы и связи, если хотите отобразить дополнительную информацию в таблице списка значений и настройте в GridColumns.</p>
|
||||
<p>Не добавляйте линковую таблицу в структуру сущностей AvailableRecordsGrid! Это замножит записи.</p></li>
|
||||
</ol></section><section>
|
||||
<h2><a name="a.D0.A4.D0.BE.D1.80.D0.BC.D0.B8.D1.80.D0.BE.D0.B2.D0.B0.D0.BD.D0.B8.D0.B5_.D1.81.D0.BA.D0.BB.D0.B5.D0.B9.D0.BA.D0.B8_.D0.BD.D0.B0_.D0.BE.D1.81.D0.BD.D0.BE.D0.B2.D0.B5_.D0.BA.D0.BE.D0.BB.D0.BE.D0.BD.D0.BA.D0.B8_.D0.B8.D0.B7_LinkField"></a>Формирование склейки на основе колонки из LinkField</h2>
|
||||
<p>SpliceColumnValues - скрипт для формирования склейки на основе колонки из LinkField</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Параметр </th>
|
||||
<th> Назначение </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> prefix </td>
|
||||
<td> префиксный символ склейки </td></tr>
|
||||
<tr class="a">
|
||||
<td> glue </td>
|
||||
<td> разделитель элементов склейки </td></tr>
|
||||
<tr class="b">
|
||||
<td> postfix </td>
|
||||
<td> постфиксный символ склейки </td></tr>
|
||||
<tr class="a">
|
||||
<td> lineBreak </td>
|
||||
<td> флаг для использования переноса строк (если true, то используется перенос строк) </td></tr>
|
||||
<tr class="b">
|
||||
<td> columnOrderNum </td>
|
||||
<td> номер колонки, по которому формируется склейка </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>Пример:</p>
|
||||
<p>При параметрах prefix = ‘[’, glue = ’; ’, postfix = ’]’ и элементах el1, el2, el3, склейка будет выглядеть так: [el1; el2; el3]</p></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,115 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/ManyToManyField.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – ManyToManyField</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>ManyToManyField</h1>
|
||||
<h1>Назначение компонента</h1>
|
||||
<p>Поле, для выбора нескольких значений из справочника.</p>
|
||||
<p>Заполняется по аналогии с <a href="ManyToMany.html">ManyToMany</a>. Вместо LinkField заполняется MultiValueField.</p>
|
||||
<h1>Настройка компонента</h1>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование </th>
|
||||
<th> Назначение </th>
|
||||
<th> Значение по умолчанию </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> visible </td>
|
||||
<td> задаёт видимость компоненты </td>
|
||||
<td> true </td></tr>
|
||||
<tr class="a">
|
||||
<td> disabled </td>
|
||||
<td> задаёт редактируемость компоненты </td>
|
||||
<td> false </td></tr>
|
||||
<tr class="b">
|
||||
<td> tooltip </td>
|
||||
<td> задаёт текст всплывающей подсказки, которая появляется при наведении курсора на элемент </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> cssClasses </td>
|
||||
<td> список CSS классов (см. раздел Дизайн) </td>
|
||||
<td> </td></tr>
|
||||
<tr class="b">
|
||||
<td> style </td>
|
||||
<td> список основных свойств:
|
||||
<ul>
|
||||
<li>padding (необходимо указывать единицы измерения) </li>
|
||||
<li>margin (необходимо указывать единицы измерения). См. <a class="externalLink" href="http://htmlbook.ru/css/margin">http://htmlbook.ru/css/margin</a>. Например для задания отступа справа на 50px необходимо задать значение 0px 50px 0px 0px </li>
|
||||
<li>border - задает размер, цвет и стиль рамки. Например “20px solid red”. Подробнее <a class="externalLink" href="http://htmlbook.ru/css/border">http://htmlbook.ru/css/border</a> </li>
|
||||
<li>height - задает высоту компонента </li>
|
||||
<li>width - задает ширину компонента </li>
|
||||
<li>minHeight - задает минимальную высоту компонента</li>
|
||||
<li>minWidth - задает минимальную ширину компонента </li>
|
||||
<li>maxHeight - задает максимальную высоту компонента </li>
|
||||
<li>maxWidth - задает максимальную ширину компонента.</li></ul> </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>MultiValueField:</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование </th>
|
||||
<th> Назначение </th>
|
||||
<th> Значение по умолчанию </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> graph </td>
|
||||
<td> <a href="../Настройка_Графа_сущностей.md">Граф</a>, по которому будет загружено отображаемое значение. </td>
|
||||
<td> Нет. Обязательно для заполнения. </td></tr>
|
||||
<tr class="a">
|
||||
<td> displayColumn </td>
|
||||
<td> Колонка для отображения. </td>
|
||||
<td> Нет. Обязательно для заполнения. </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,170 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/OneToMany.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – OneToMany</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>OneToMany</h1><section>
|
||||
<h2><a name="a.D0.9D.D0.B0.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5"></a>Назначение</h2>
|
||||
<p>Компонент OneToMany предназначен для выбора значений из справочника.</p>
|
||||
<p>Незаполненный компонент выглядит следующим образом:</p>
|
||||
<p><img src="../../attachments/1966195/1966691.png" alt="" /></p>
|
||||
<p>При нажатии на кнопку “…” открывается диалоговое окно:</p>
|
||||
<p><img src="../../attachments/1966195/1966693.png" alt="" /></p></section><section>
|
||||
<h2><a name="a.D0.9F.D1.80.D0.B8.D0.BC.D0.B5.D1.80_.D0.B7.D0.B0.D0.BF.D0.BE.D0.BB.D0.BD.D0.B5.D0.BD.D0.B8.D1.8F_.D0.B4.D0.B0.D0.BD.D0.BD.D1.8B.D0.BC.D0.B8_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82.D0.B0:"></a>Пример заполнения данными компонента:</h2>
|
||||
<p><img src="../../attachments/1966195/1966700.gif" alt="" /></p></section><section>
|
||||
<h2><a name="a.D0.A1.D0.B2.D0.BE.D0.B9.D1.81.D1.82.D0.B2.D0.B0"></a>Свойства</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование </th>
|
||||
<th> Назначение </th>
|
||||
<th> Значение по умолчанию </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> visible </td>
|
||||
<td> задаёт видимость компоненты </td>
|
||||
<td> true </td></tr>
|
||||
<tr class="a">
|
||||
<td> disabled </td>
|
||||
<td> задаёт редактируемость компоненты </td>
|
||||
<td> false </td></tr>
|
||||
<tr class="b">
|
||||
<td> tooltip </td>
|
||||
<td> задаёт текст всплывающей подсказки, которая появляется при наведении курсора на элемент </td></tr>
|
||||
<tr class="a">
|
||||
<td> cssClasses </td>
|
||||
<td> список CSS классов (см. раздел Дизайн) </td>
|
||||
<td> </td></tr>
|
||||
<tr class="b">
|
||||
<td> style </td>
|
||||
<td> список основных свойств:
|
||||
<ul>
|
||||
<li>padding (необходимо указывать единицы измерения) </li>
|
||||
<li>margin (необходимо указывать единицы измерения). См. <a class="externalLink" href="http://htmlbook.ru/css/margin">http://htmlbook.ru/css/margin</a>. Например для задания отступа справа на 50px необходимо задать значение 0px 50px 0px 0px </li>
|
||||
<li>border - задает размер, цвет и стиль рамки. Например “20px solid red”. Подробнее <a class="externalLink" href="http://htmlbook.ru/css/border">http://htmlbook.ru/css/border</a> </li>
|
||||
<li>height - задает высоту компонента </li>
|
||||
<li>width - задает ширину компонента </li>
|
||||
<li>minHeight - задает минимальную высоту компонента</li>
|
||||
<li>minWidth - задает минимальную ширину компонента </li>
|
||||
<li>maxHeight - задает максимальную высоту компонента </li>
|
||||
<li>maxWidth - задает максимальную ширину компонента.</li></ul> </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>Пример заполнения:</p>
|
||||
<p>Необходимо добавить компонент OneToMany на страницу.</p>
|
||||
<p>Для того чтобы данные, отобранные с помощью этого компонента, сохранялись в базу данных, его необходимо вложить в компонент <a href="../containers/Форма.md">Form</a>.</p>
|
||||
<p><img src="../../attachments/1966195/1966706.png" alt="" /></p>
|
||||
<p>OneToMany – это составной компонент, состоящий из след. элементов:</p>
|
||||
<p><img src="../../attachments/1966195/1966707.png" alt="" /></p>
|
||||
<p>Здесь:</p>
|
||||
<p><img src="../../attachments/1966195/1966708.png" alt="" /></p>
|
||||
<p>Настроим каждый элемент отдельно.</p>
|
||||
<p><b>1. Настройка OneToManyField:</b></p>
|
||||
<p>Настроить аналогично <a href="Поле_ввода_с_подбором_значения.html">Autocomplete</a>.</p>
|
||||
<p><b>2. Настройка кнопки <b>диалогового окна</b> “…”:</b></p>
|
||||
<p>Настроить <a href="../buttons/Кнопка_выбора.md">SelectButton</a>.</p>
|
||||
<p><b>3. Настройка диалогового окна:</b></p>
|
||||
<p><b>3.1 Настроить <a href="../grids/GridV2.md">Grid</a>.</b></p>
|
||||
<p><b>3.2 Настройка FilterPanel:</b></p>
|
||||
<p><b>Заполнить FilterFieldSet:</b></p>
|
||||
<p>В FilterFieldSet вкладываются компоненты из раздела <a href="filters/Фильтры.html">Компоненты > Фильтры</a>, в зависимости от того по полям какого типа собираетесь фильтровать: по дате - FilterDateTimePicker, по тексту - FilterTextField, по списку значений - FilterComboBox, и т. д.</p>
|
||||
<p><b>Заполнить ButtonsContainer:</b></p>
|
||||
<p>Контейнер ButtonsContainer содержит в себе кнопки диалогового окна. Описание настройки кнопок можно посмотреть в разделе <a href="../buttons/Кнопки.md">Компоненты > Кнопки</a>.</p>
|
||||
<p><b>3.3 Заполнить ButtonsContainer:</b></p>
|
||||
<p>Контейнер ButtonsContainer содержит в себе кнопки диалогового окна. Описание настройки кнопок можно посмотреть в разделе <a href="../buttons/Кнопки.md">Компоненты > Кнопки</a>.</p>
|
||||
<p><img src="images/icons/grey_arrow_down.png" alt="" />Пример минимальной настройки компонента OneToMany…</p>
|
||||
<p>Задача: Необходимо организовать выбор организации из списка организаций.</p>
|
||||
<p>Добавляем OneToMany (если предполагается сохранение в БД – то в компонент Form)</p>
|
||||
<p><b>1. Настройка OneToManyField:</b></p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование </th>
|
||||
<th> Действие </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> graph </td>
|
||||
<td> <a href="../Настройка_Графа_сущностей.md">задайте граф сущностей</a>: в примере используются 2 таблицы: organization – организация и organization_version – версия организации (хранит нужную нам информацию по организации) <img src="../../attachments/1966195/1966792.png" alt="" /> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Column For Save </td>
|
||||
<td> колонка в БД для загрузки и сохранения значения (в списке – таблицы из структуры сущностей Form, в который вложен настраиваемый компонент) – здесь задаем таблицу:колонку куда будем класть выбранную организацию. </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p><b>2. Настройка диалогового окна:</b></p>
|
||||
<p><b><b>Настраиваем <a href="../grids/GridV2.md">Grid</a>:</b></b></p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование </th>
|
||||
<th> Назначение </th>
|
||||
<th> Результат </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> graph </td>
|
||||
<td> <a href="../Настройка_Графа_сущностей.md">Граф сущностей</a> аналогичен графу OneToManyField (см. п.1.):<img src="../../attachments/1966195/1966794.png" alt="" /> </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> columns[size] </td>
|
||||
<td> Отображаемые колонки в Grid. Для примера настроены две колонки:<img src="../../attachments/1966195/1966795.png" alt="" /> </td>
|
||||
<td> В результате настроенная таблица в диалоге выбора SelectDialog:<img src="../../attachments/1966195/1966798.png" alt="" /> </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p><b>Настройка FilterPanel:</b></p>
|
||||
<p>Необходимо настроить фильтрацию в настроенном Grid. Для примера настроим фильтрацию по колонке Full name.</p>
|
||||
<p>В Full name хранится текст, следовательно необходимо в FilterFieldSet добавить фильтр FilterTextField.</p>
|
||||
<p>FilterTextField настраивается аналогично <a href="Текстовое_поле.html">TextField</a> (имеет те же общие свойства), а также свойство, характерное свойство для <a href="filters/Фильтр_по_текстовому_полю.html">фильтров</a> – FilterControl:</p>
|
||||
<p><img src="../../attachments/1966195/1966801.png" alt="" /></p>
|
||||
<p>Здесь мы выбрали операцию фильтрации CONTAINS – будут отобраны значения содержание введенные пользователем символы и Column For Filter – таблица:колонка, по которой происходит сортировка – в нашей задаче это поле full_name таблицы organization_version.</p></section><section>
|
||||
<h2><a name="a.D0.A1.D0.BA.D1.80.D0.B8.D0.BF.D1.82.D1.8B"></a>Скрипты</h2>
|
||||
<p>component/grid/renderers/Base64ImageCellRenderer.ts - скрипт для отображения изображения. Необходимо выбрать его в свойстве renderer необходимой колонки.</p></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,146 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/TreeField.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – TreeField и TreeMultiField</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>TreeField и TreeMultiField</h1><section>
|
||||
<h2><a name="a.D0.9D.D0.B0.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82.D0.B0"></a>Назначение компонента</h2>
|
||||
<p>Сложные компоненты для выбора из древовидной структуры одной (TreeField) или нескольких записей (TreeMultiField).</p>
|
||||
<p>TreeField:</p>
|
||||
<p><img src="../../attachments/1212430/1966259.png" alt="" /></p>
|
||||
<p><img src="../../attachments/1212430/1966264.png" alt="" /></p>
|
||||
<p>TreeMultiField выглядит аналогично.</p></section><section>
|
||||
<h2><a name="a.D0.9D.D0.B0.D1.81.D1.82.D1.80.D0.BE.D0.B9.D0.BA.D0.B0_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82.D0.B0"></a>Настройка компонента</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование </th>
|
||||
<th> Назначение </th>
|
||||
<th> Значение по умолчанию </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> visible </td>
|
||||
<td> задаёт видимость компоненты </td>
|
||||
<td> true </td></tr>
|
||||
<tr class="a">
|
||||
<td> disabled </td>
|
||||
<td> задаёт редактируемость компоненты </td>
|
||||
<td> false </td></tr>
|
||||
<tr class="b">
|
||||
<td> tooltip </td>
|
||||
<td> задаёт текст всплывающей подсказки, которая появляется при наведении курсора на элемент </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> cssClasses </td>
|
||||
<td> список CSS классов (см. раздел Дизайн) </td>
|
||||
<td> </td></tr>
|
||||
<tr class="b">
|
||||
<td> style </td>
|
||||
<td> список основных свойств:
|
||||
<ul>
|
||||
<li>padding (необходимо указывать единицы измерения) </li>
|
||||
<li>margin (необходимо указывать единицы измерения). См. <a class="externalLink" href="http://htmlbook.ru/css/margin">http://htmlbook.ru/css/margin</a>. Например для задания отступа справа на 50px необходимо задать значение 0px 50px 0px 0px </li>
|
||||
<li>border - задает размер, цвет и стиль рамки. Например “20px solid red”. Подробнее <a class="externalLink" href="http://htmlbook.ru/css/border">http://htmlbook.ru/css/border</a> </li>
|
||||
<li>height - задает высоту компонента </li>
|
||||
<li>width - задает ширину компонента </li>
|
||||
<li>minHeight - задает минимальную высоту компонента</li>
|
||||
<li>minWidth - задает минимальную ширину компонента </li>
|
||||
<li>maxHeight - задает максимальную высоту компонента </li>
|
||||
<li>maxWidth - задает максимальную ширину компонента.</li></ul> </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<ol style="list-style-type: decimal">
|
||||
|
||||
<li><section><section>
|
||||
<h4><a name="a.D0.9D.D0.B5.D0.BE.D0.B1.D1.85.D0.BE.D0.B4.D0.B8.D0.BC.D0.BE_.D0.BD.D0.B0.D1.81.D1.82.D1.80.D0.BE.D0.B8.D1.82.D1.8C_TreeGrid:"></a>Необходимо настроить TreeGrid:</h4></li>
|
||||
</ol>
|
||||
<p>Настройка происходит согласно инструкции к <a href="../grids/Древовидная_таблица.md">TreeGrid</a>.</p></section><section>
|
||||
<h4><a name="a2._.D0.9D.D0.B5.D0.BE.D0.B1.D1.85.D0.BE.D0.B4.D0.B8.D0.BC.D0.BE_.D0.BD.D0.B0.D1.81.D1.82.D1.80.D0.BE.D0.B8.D1.82.D1.8C_TreeList:"></a>2. Необходимо настроить TreeList:</h4>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование </th>
|
||||
<th> Назначение </th>
|
||||
<th> Значение по умолчанию </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> graph </td>
|
||||
<td> <a href="../Настройка_Графа_сущностей.md">Граф</a>, по которому будет загружено отображаемое значение. </td>
|
||||
<td> Нет. Обязательно для заполнения. </td></tr>
|
||||
<tr class="a">
|
||||
<td> displayColumn </td>
|
||||
<td> Колонка для отображения. </td>
|
||||
<td> Нет. Обязательно для заполнения. </td></tr>
|
||||
</tbody>
|
||||
</table></section><section>
|
||||
<h4><a name="a3._.D0.9D.D0.B5.D0.BE.D0.B1.D1.85.D0.BE.D0.B4.D0.B8.D0.BC.D0.BE_.D0.BD.D0.B0.D1.81.D1.82.D1.80.D0.BE.D0.B8.D1.82.D1.8C:"></a>3. Необходимо настроить:</h4>
|
||||
<p>у <b>TreeField</b> необходимо заполнить <a href="Поле_ввода_с_подбором_значения.html">Autocomplete</a>.<br />
|
||||
у <b>TreeMultiField</b> необходимо заполнить MultiValueField:</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование </th>
|
||||
<th> Назначение </th>
|
||||
<th> Значение по умолчанию </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> graph </td>
|
||||
<td> <a href="../Настройка_Графа_сущностей.md">Граф</a>, по которому будет загружено отображаемое значение. </td>
|
||||
<td> Нет. Обязательно для заполнения. </td></tr>
|
||||
<tr class="a">
|
||||
<td> displayColumn </td>
|
||||
<td> Колонка для отображения. </td>
|
||||
<td> Нет. Обязательно для заполнения. </td></tr>
|
||||
</tbody>
|
||||
</table></section></section></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,63 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/filters/index.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Фильтры</title>
|
||||
<link rel="stylesheet" href="../../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../../css/print.css" media="print" />
|
||||
<script src="../../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Фильтры</h1>
|
||||
<ul>
|
||||
|
||||
<li><a href="Фильтр_по_компоненте_Флаг.html">Булеан (фильтр)</a></li>
|
||||
<li><a href="Фильтр_по_дате.html">Дата (фильтр)</a></li>
|
||||
<li><a href="Фильтр_по_полю_многострочного_ввода.html">Многострочное поле (фильтр)</a></li>
|
||||
<li><code>TODO</code> Переключатель (фильтр)</li>
|
||||
<li><a href="Фильтр_по_полю_ввода_с_подбором_значения.html">Поиск (фильтр)</a></li>
|
||||
<li><a href="Фильтр_по_статичному_выпадающему_списку.html">Список (статичный, фильтр)</a></li>
|
||||
<li><a href="Фильтр_по_выпадающему_списку.html">Список (фильтр)</a></li>
|
||||
<li><a href="Фильтр_по_текстовому_полю.html">Текстовое поле (фильтр)</a></li>
|
||||
<li><a href="Фильтр_по_полю_адреса_ФИАС.html">ФИАС (фильтр)</a></li>
|
||||
<li><a href="Фильтр_по_числовому_полю.html">Числовое поле (фильтр)</a></li>
|
||||
</ul>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,193 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/filters/Как_добавить_Фильтр_по_числовому_полю_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить Фильтр по числовому полю на страницу?</title>
|
||||
<link rel="stylesheet" href="../../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../../css/print.css" media="print" />
|
||||
<script src="../../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить Фильтр по числовому полю на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b> необходимо реализовать на пользовательской странице Реестра сотрудников элемент Таблица, где будет содержаться информация о сотрудниках отдела, и два фильтра: Фильтр по числовому полю и Фильтр по текстовому полю, с помощью которых будет осуществляться поиск записей в Таблице по фамилии сотрудника и по стажу работы сотрудника. Элементы на странице должны иметь следующие настройки:</p>
|
||||
<ul>
|
||||
|
||||
<li><i>Блок фильтрации</i> на странице должен иметь подзаголовок-Фильтр по сотрудникам, реализованный с помощью компоненты <i><a href="../Текст.md">Текст</a></i></li>
|
||||
<li><i>Фильтр по числовому полю</i> (по стажу работы сотрудника):<br />
|
||||
надпись поля -<i>Стаж работы</i><br />
|
||||
фильтровать по… -таблице Список сотрудников иколонке Стаж<br />
|
||||
операция фильтрации -Равно<br />
|
||||
максимально возможное значение для ввода - 10</li>
|
||||
<li><i>Фильтр по текстовому полю</i> (по фамилии сотрудника):<br />
|
||||
надпись поля -<i>Фамилия</i><br />
|
||||
фильтровать по… -таблице Список сотрудников иколонке Фамилия(name_last)<br />
|
||||
операция фильтрации -Содержит всю подстроку</li>
|
||||
<li><i>Таблица</i> с информацией о сотрудниках:<br />
|
||||
в <i><a href="../../Настройка_Графа_сущностей.md">Граф сущностей</a></i> в качестве Главной сущности должна быть определена таблица <span class="underline">Список сотрудников,</span> где есть вся необходимая информация для вывода на страницу<br />
|
||||
в структуру Таблицы должны быть включены две колонки: Фамилия сотрудникаи Стаж работы сотрудника</li>
|
||||
</ul>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что страница <i>Реестр сотрудников,</i> где необходимо разместить <b>Таблицу</b> и <b>Фильтры</b>,уже создана бизнес-аналитиком и включена в логику бизнес-процесса. Для добавления на страницу и настройки компонент по условиям задачинеобходимо сделать следующее:</p>
|
||||
<p><b>1. Добавление элементов:</b></p>
|
||||
<ul>
|
||||
|
||||
<li>Добавить внутрь <a href="../../containers/Вертикальный_контейнер.md">Вертикального контейнера</a> контейнер <a href="../../containers/Набор_фильтров.md">Набор фильтров</a> (рис.1)</li>
|
||||
<li>Добавить компоненту <a href="../Текст.md">Текст</a> внутрь <a href="../../containers/Вертикальный_контейнер.md">Вертикального контейнера</a>, которая будет являться заголовком блока фильтрации (рис.2)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23202690/23205998.png" alt="" /></p>
|
||||
<p>рис.1 Добавление элементаНабор фильтров</p>
|
||||
<p><img src="../../../attachments/23202690/23206001.png" alt="" /></p>
|
||||
<p>рис.2Добавление элементаТекст</p>
|
||||
<ul>
|
||||
|
||||
<li>Добавить внутрь контейнера <a href="../../containers/Набор_фильтров.md">Набор фильтров</a> компоненту <a href="Фильтр_по_текстовому_полю.html">Текстовое поле (фильтр)</a> (рис.3)</li>
|
||||
<li>Добавить внутрь контейнера <a href="../../containers/Набор_фильтров.md">Набор фильтров</a> компоненту Фильтр по числовому полю (рис.4)</li>
|
||||
<li>Добавить <a href="../../grids/Таблица.md">Таблицу</a>,в которой будет отображаться информация о сотрудниках и по значениям которой будет осуществляться поиск записей с помощью фильтров (рис.5)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23202690/23206002.png" alt="" /></p>
|
||||
<p>рис.3 Добавление компоненты Фильтр по текстовому полю</p>
|
||||
<p><img src="../../../attachments/23202690/23206003.png" alt="" /></p>
|
||||
<p>рис.4 ДобавлениекомпонентыФильтр по числовому полю</p><hr />
|
||||
<p>рис.5 Добавление элементаТаблица</p>
|
||||
<ul>
|
||||
|
||||
<li>Для того чтобы условия фильтрации применялись к таблице, необходимо добавить кнопки:Кнопка для фильтрации,Кнопка очистки фильтра. Для этого необходимо добавить <i><a href="../../containers/Горизонтальный_контейнер.md">Горизонтальный контейнер</a></i>, который будет содержать данные кнопки. (рис.6 и рис.7)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23202690/23206005.png" alt="" /></p>
|
||||
<p>рис.6 Добавление элемента Горизонтальный контейнер</p>
|
||||
<p><img src="../../../attachments/23202690/23206006.png" alt="" /></p>
|
||||
<p>рис.7 Добавление кнопок: Для фильтрации и Очистки фильтрации</p>
|
||||
<p><b>2. Настройка элементов:</b></p>
|
||||
<ul>
|
||||
|
||||
<li>Настройка <a href="../../containers/Набор_фильтров.md">Набора фильтров</a>: переносим объект <a href="../../grids/Таблица.md">Таблица</a>, удерживая левую кнопку мыши, в свойство <i>“Применить к…”</i> <b><i><a href="../../containers/Набор_фильтров.md">Набора фильтров</a></i></b> как показано на рисунке(рис.8)</li>
|
||||
<li>Заполняем свойство <b>Надпись</b> у компоненты <a href="../Текст.md">Текст</a> значением Фильтр по сотрудникам (рис.9)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23202690/23206007.png" alt="" /></p>
|
||||
<p>рис.8 Настройка Набор фильтров</p>
|
||||
<p><img src="../../../attachments/23202690/23206008.png" alt="" /></p>
|
||||
<p>рис.9 Настройка элемента Текст</p>
|
||||
<ul>
|
||||
|
||||
<li>Заполняем у элемента Таблица следующие свойства: <b>Таблица. Подгрузка данных - Источник данных - Граф сущностей</b> (как описано в разделе - <i><a href="../../Настройка_Графа_сущностей.md">Настройка Графа сущностей</a></i>) и настраиваем колонки Таблицы (как описано в разделе -<i><a href="../../grids/Настройка_колонок_Таблицы.md">Настройка колонок Таблицы</a></i>) в блоке <b>Таблица. Настроить колонки таблицы</b> согласно условиям задачи(рис.10)</li>
|
||||
<li>Заполняем свойства компоненты Фильтр по текстовому полю согласно условиям задачи (рис.11)</li>
|
||||
<li>Заполняем свойства компоненты Фильтр по числовому полю согласно условиям задачи (рис.12)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23202690/23206013.png" alt="" /></p>
|
||||
<p>рис.10 Настройка элементаТаблица</p>
|
||||
<p><img src="../../../attachments/23202690/23206010.png" alt="" /></p>
|
||||
<p>рис.11 Настройка компонентыФильтр по текстовому полю</p>
|
||||
<p><img src="../../../attachments/23202690/23206011.png" alt="" /></p>
|
||||
<p>рис.12 Настройка компоненты Фильтр по числовому полю</p>
|
||||
<p><span class="underline"><b>Результат выполнения задачи:</b></span></p>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что условия задачи соблюдены и на странице отображается блок фильтрации, включающий в себя фильтры по имени и фамилии сотрудника (рис.13 и рис.14)</p>
|
||||
<p><img src="../../../attachments/23202690/23206014.png" alt="" /></p>
|
||||
<p>рис.13 Визуальное отображение выполнения условий задачи</p>
|
||||
<p><img src="../../../attachments/23202690/23206015.png" alt="" /></p>
|
||||
<p>рис.14 Пример выполнения поиска с примененным условием фильтрации</p>
|
||||
<p>рис.13 Визуальное отображение выполнения условий задачи</p>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23203196.png">image2019-2-27_10-12-42.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23203197.png">image2019-2-27_10-31-44.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23203198.png">image2019-2-27_11-14-10.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23203199.png">image2019-2-27_11-19-57.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23203200.png">image2019-2-27_11-22-12.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23203201.png">image2019-2-27_11-27-36.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23203202.png">image2019-2-28_10-20-51.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23203203.png">image2019-2-28_10-25-32.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23203204.png">image2019-2-28_10-25-46.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23203205.png">image2019-2-28_10-37-29.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23203286.png">image2019-2-28_17-8-54.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23203288.png">image2019-2-28_17-9-29.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23203289.png">image2019-2-28_17-9-59.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23203332.png">image2019-3-1_10-28-32.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23203333.png">image2019-3-1_10-30-56.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23203334.png">image2019-3-1_10-31-39.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23203335.png">image2019-3-1_10-32-15.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23203336.png">image2019-3-1_10-32-46.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23203535.png">image2019-3-1_17-6-26.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23203536.png">image2019-3-1_17-7-18.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23203537.png">image2019-3-1_17-8-8.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23203540.png">image2019-3-1_17-41-39.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23203541.png">image2019-3-1_17-42-35.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23203542.png">image2019-3-1_17-44-14.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23204677.png">image2019-3-11_14-19-40.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23204678.png">image2019-3-11_14-20-16.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23204679.png">image2019-3-11_16-10-7.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23204682.png">image2019-3-11_16-15-42.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23204683.png">image2019-3-11_16-16-12.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23204684.png">image2019-3-11_16-17-9.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23204685.png">image2019-3-11_16-17-41.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23204686.png">image2019-3-11_16-19-47.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23204687.png">image2019-3-11_16-20-24.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23204688.png">image2019-3-11_16-21-11.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23204689.png">image2019-3-11_16-21-23.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23204690.png">image2019-3-11_16-25-22.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23205608.png">image2019-3-15_16-54-5.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23205610.png">image2019-3-15_16-59-41.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23205995.png">image2019-3-22_10-36-15.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23205996.png">image2019-3-22_10-37-45.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23205997.png">image2019-3-22_10-41-8.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23205998.png">image2019-3-22_10-42-11.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23206001.png">image2019-3-22_10-48-28.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23206002.png">image2019-3-22_10-49-25.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23206003.png">image2019-3-22_10-49-53.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23206004.png">image2019-3-22_10-51-12.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23206005.png">image2019-3-22_10-53-4.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23206006.png">image2019-3-22_10-54-15.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23206007.png">image2019-3-22_10-55-26.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23206008.png">image2019-3-22_10-56-6.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23206009.png">image2019-3-22_10-58-0.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23206010.png">image2019-3-22_10-58-26.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23206011.png">image2019-3-22_11-1-15.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23206012.png">image2019-3-22_11-2-36.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23206013.png">image2019-3-22_11-3-1.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23206014.png">image2019-3-22_11-15-36.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202690/23206015.png">image2019-3-22_11-17-41.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,159 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/filters/Как_добавить_элемент_Фильтр_по_выпадающему_списку_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить элемент Фильтр по выпадающему списку на страницу?</title>
|
||||
<link rel="stylesheet" href="../../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../../css/print.css" media="print" />
|
||||
<script src="../../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить элемент Фильтр по выпадающему списку на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка</span><span class="underline">задачи:</span></b> необходимо реализовать на пользовательской странице <i>Реестра сотрудников</i> компонент <i><a href="../../grids/Таблица.md">Таблица</a></i>, где будет содержаться информация о сотрудниках отдела. Поиск по <i><a href="../../grids/Таблица.md">Таблице</a></i> должен осуществляться по фамилии сотрудника в виде фильтра по текстовому полю и организации к которой относится сотрудник, в виде фильтра по выпадающему списку. Элементы на странице должны иметь следующие настройки:</p>
|
||||
<ul>
|
||||
|
||||
<li><i>Блок фильтрации</i> на странице должен иметь подзаголовок -Фильтр по сотрудникам, реализованный с помощью компоненты <i><a href="../Текст.md">Текст</a></i></li>
|
||||
<li><i>Фильтр по текстовому полю</i> (по фамилии сотрудника):
|
||||
<p>надпись поля -<i>Фамилия</i><br />
|
||||
фильтровать по… -таблице Список сотрудников иколонке(name_last)<br />
|
||||
операция фильтрации -Содержит всю подстроку</p></li>
|
||||
<li>
|
||||
|
||||
<p><i>Фильтр по статичному выпадающему списку:</i><br />
|
||||
надпись поля -<i>Организация:</i> фильтровать по… -таблице Организация иколонке Наименование (name)<br />
|
||||
операцию фильтрации -Содержится всю подстроку сортировать по - <i><i>таблице Организация иколонке Наименование (name)</i></i><br />
|
||||
Показывать пользователю -таблица Организация иколонке Наименование (name) <b><a href="../../Настройка_Графа_сущностей.md">Граф сущностей</a></b> - в качестве Главной сущности должна быть определена таблица Организаций (legal_entities)</p>
|
||||
</li>
|
||||
<li><i><i>Таблица</i> с информацией о сотрудниках:</i><br />
|
||||
в <i><a href="../../Настройка_Графа_сущностей.md">Граф сущностей</a></i> в качестве Главной сущности должна быть определена таблица <i><span class="underline">Список сотрудников,</span></i> где есть вся необходимая информация для вывода на страницу.</li>
|
||||
</ul>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что страницаРеестр сотрудников,где необходимо разместить <b>Таблицу</b> и <b>Фильтры по текстовому полю</b>,уже создана бизнес-аналитиком и включена в логику бизнес-процесса. Для добавления на страницу и настройки компонент по условиям задачинеобходимо сделать следующее:</p>
|
||||
<p><b>1. Добавление элементов:</b></p>
|
||||
<ul>
|
||||
|
||||
<li>Добавить внутрь <a href="../../containers/Вертикальный_контейнер.md">Вертикального контейнера</a> <b><b>контейнер <a href="../../containers/Набор_фильтров.md">Набор фильтров</a></b></b> (рис.1)</li>
|
||||
<li>Добавить компоненту <a href="../Текст.md">Текст</a> внутрь <a href="../../containers/Вертикальный_контейнер.md">Вертикального контейнера</a>, которая будет являться заголовком блока фильтрации (рис.2)</li>
|
||||
</ul>
|
||||
<p>рис.1 Добавление элемента<a href="../../containers/Набор_фильтров.md">Набор фильтров</a></p>
|
||||
<p>рис.2 Добавление элементаТекст</p>
|
||||
<ul>
|
||||
|
||||
<li>Добавить внутрь контейнера <a href="../../containers/Набор_фильтров.md">Набор фильтров</a> компоненту Фильтр по текстовому полю (рис.3)</li>
|
||||
<li>Добавить внутрь контейнера <a href="../../containers/Набор_фильтров.md">Набор фильтров</a> компоненту Фильтр по выпадающему списку (рис.4)</li>
|
||||
<li>Добавить <a href="../../grids/Таблица.md">Таблицу</a>, в которой будет отображаться информация о сотрудниках и по значениям которой будет осуществляться поиск записей с помощью фильтров (рис.5)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23206067/23206085.png" alt="" /></p>
|
||||
<p>рис.3 Добавление компонентФильтр по текстовому полю</p>
|
||||
<p><img src="../../../attachments/23206067/23206086.png" alt="" /></p>
|
||||
<p>рис.4 Добавление компонентФильтр по выпадающему списку</p>
|
||||
<p><img src="../../../attachments/23206067/23206087.png" alt="" /></p>
|
||||
<p>рис.5 Добавление элемента <a href="../../grids/Таблица.md">Таблица</a></p>
|
||||
<ul>
|
||||
|
||||
<li>Для того чтобы условия фильтрации применялись к таблице, необходимо добавить кнопки:Кнопка для фильтрации,Кнопка очистки фильтра. Для этого необходимо добавить <i><a href="../../containers/Горизонтальный_контейнер.md">Горизонтальный контейнер</a></i>, который будет содержать данные кнопки. (рис.6 и рис.7)</li>
|
||||
</ul>
|
||||
<p><span class="underline"><b><img src="../../../attachments/23206067/23206088.png" alt="" /></b></span></p>
|
||||
<p>рис.6 Добавление элементаГоризонтальный контейнер</p>
|
||||
<p><span class="underline"><b><img src="../../../attachments/23206067/23206089.png" alt="" /></b></span></p>
|
||||
<p>рис.7 Добавление кнопок: Для фильтрации и Очистки фильтрации</p>
|
||||
<p><b>2. Настройка элементов:</b></p>
|
||||
<ul>
|
||||
|
||||
<li>Настройка <a href="../../containers/Набор_фильтров.md">Набора фильтров</a>: переносим объект <a href="../../grids/Таблица.md">Таблица</a>, удерживая левую кнопку мыши, в свойство <i>“Применить к…”</i> <b><b><a href="../../containers/Набор_фильтров.md">Набора фильтров</a></b></b> как показано на рисунке (рис.8)</li>
|
||||
<li>Заполняем свойство <b>Надпись</b> у компоненты <a href="../Текст.md">Текст</a> значением Фильтр по сотрудникам (рис.9)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23206067/23206090.png" alt="" /></p>
|
||||
<p>рис.8 Настройка <a href="../../containers/Набор_фильтров.md">Набор фильтров</a></p>
|
||||
<p><img src="../../../attachments/23206067/23206091.png" alt="" /></p>
|
||||
<p>рис.9 Настройка элемента<a href="../Текст.md">Текст</a></p>
|
||||
<ul>
|
||||
|
||||
<li>Заполняем у элемента Таблица следующие свойства: <b>Таблица. Подгрузка данных - Источник данных - Граф сущностей</b> (как описано в разделе -<i><a href="../../Настройка_Графа_сущностей.md">Настройка Графа сущностей</a></i>) и настраиваем колонки Таблицы (как описано в разделе -<i><a href="../../grids/Настройка_колонок_Таблицы.md">Настройка колонок Таблицы</a></i>) в блоке <b>Таблица. Настроить колонки таблицы</b> согласно условиям задачи (рис.10)</li>
|
||||
</ul>
|
||||
<p><span class="underline">**<br />
|
||||
**</span></p>
|
||||
<p><span class="underline"><b><img src="../../../attachments/23206067/23206092.png" alt="" /></b></span></p>
|
||||
<p>рис.10 Настройка элемента <a href="../../grids/Таблица.md">Таблица</a></p>
|
||||
<p><span class="underline"><b><img src="../../../attachments/23206067/23206094.png" alt="" /></b></span></p>
|
||||
<p>рис.11Настройка Фильтра по фамилии сотрудника</p>
|
||||
<ul>
|
||||
|
||||
<li>Заполняем свойства компонент Фильтрация по статичному выпадающему списку согласно условиям задачи (рис.12)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23206067/23206096.png" alt="" /></p>
|
||||
<p>рис.12 Настройка Фильтра по организации сотрудника</p>
|
||||
<p><b><span class="underline"><b>Результат выполнения задачи:</b></span></b></p>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что условия задачи соблюдены и на странице отображается блок фильтрации, включающий в себя фильтры по фамилии сотрудника и организации (рис.13, рис.14 и рис.15)</p>
|
||||
<p><span class="underline"><img src="../../../attachments/23206067/23206098.png" alt="" /><br />
|
||||
</span></p>
|
||||
<p>рис.13 Визуальное отображение выполнения условий задачи</p>
|
||||
<p>рис. 14 Визуальное отображение выбора значения фильтра из выпадающего списка</p>
|
||||
<p><img src="../../../attachments/23206067/23206100.png" alt="" /></p>
|
||||
<p>рис.15 Пример выполнения поиска с примененным условием фильтрации</p>
|
||||
<p><span class="underline">**<br />
|
||||
**</span></p>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206067/23206083.png">image2019-3-21_15-57-49.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206067/23206084.png">image2019-3-21_16-2-40.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206067/23206085.png">image2019-3-21_16-6-51.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206067/23206086.png">image2019-3-22_15-18-48.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206067/23206087.png">image2019-3-22_15-20-9.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206067/23206088.png">image2019-3-22_15-21-11.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206067/23206089.png">image2019-3-22_15-22-3.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206067/23206090.png">image2019-3-22_15-23-18.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206067/23206091.png">image2019-3-22_15-23-43.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206067/23206092.png">image2019-3-22_15-25-5.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206067/23206094.png">image2019-3-22_15-25-35.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206067/23206096.png">image2019-3-22_15-26-36.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206067/23206097.png">image2019-3-21_16-26-11.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206067/23206098.png">image2019-3-22_15-30-3.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206067/23206099.png">image2019-3-22_15-30-18.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206067/23206100.png">image2019-3-22_15-32-51.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,136 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/filters/Как_добавить_элемент_Фильтр_по_дате_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить элемент Фильтр по дате на страницу?</title>
|
||||
<link rel="stylesheet" href="../../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../../css/print.css" media="print" />
|
||||
<script src="../../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить элемент Фильтр по дате на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b> необходимо добавить на пользовательскую страницу <i>Реестр сотрудников</i> элемент Фильтр по дате, с помощью которого будет осуществляться фильтрация (поиск) записей в Таблице сотрудников по <i>Дате рождения сотрудника</i>. Пользовательская страница с Фильтром по дате должна иметь следующие условия:</p>
|
||||
<ul>
|
||||
|
||||
<li>Блок фильтрации на странице должен иметь подзаголовок:“Фильтр по сотрудникам”.</li>
|
||||
<li>Фильтр по дате должен иметь надпись: “Дата рождения”.</li>
|
||||
<li>Минимальное возможное значение должно быть - 01.01.1900.</li>
|
||||
<li>Формат поля должен быть в виде даты, не должно отображаться время</li>
|
||||
<li>Операция фильтрации -Содержит всю подстроку</li>
|
||||
</ul>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что страница Реестр сотрудниковуже создана бизнес-аналитиком и включаетв себя необходимую <i>Таблицу с информацией о сотрудниках</i>, по записям которой будет осуществляться дальнейший поиск с помощью фильтра по <i>Дате рождения сотрудника</i>. Для добавления на страницу и настройки компонент по условиям задачинеобходимо сделать следующее:</p>
|
||||
<p><b><span class="underline">1. Добавление элементов:</span></b><br />
|
||||
<b><span class="underline"><br />
|
||||
</span></b></p>
|
||||
<ul>
|
||||
|
||||
<li>Добавить элемент <b><a href="../Текст.md">Текст</a></b> в <b><b><a href="../../containers/Набор_фильтров.md">Набор фильтров</a></b></b> и заполнить в его свойствах “надпись”, которая будет являться заголовком к нашему фильтру. (рис.1)</li>
|
||||
<li>Добавить внутрь контейнера <b><a href="../../containers/Набор_фильтров.md">Набор фильтров</a></b> компоненту <b>Фильтр по дате.</b> (рис.2)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23204101/23205999.png" alt="" /></p>
|
||||
<p>Рис.1 Добавление элементаТекст</p>
|
||||
<p>Рис.2 ДобавлениекомпонентыФильтр по дате.</p>
|
||||
<ol style="list-style-type: decimal">
|
||||
|
||||
<li>Настройка элементов:</li>
|
||||
</ol>
|
||||
<ul>
|
||||
|
||||
<li>Заполняем свойства компоненты текст как показано на рис.3</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23204101/23205475.png" alt="" /></p>
|
||||
<p>Рис. 3 Настройка компоненты Текст.</p>
|
||||
<ul>
|
||||
|
||||
<li>Заполняем свойства компоненты фильтр по дате как показано на рис.4</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23204101/23205985.png" alt="" /></p>
|
||||
<p>Рис. 4 Настройка компоненты Фильтр по дате.</p>
|
||||
<ul>
|
||||
|
||||
<li><span class="underline"><b>Результат выполнения задачи:</b></span></li>
|
||||
</ul>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что условия задачи соблюдены (рис.5).</p>
|
||||
<p><img src="../../../attachments/23204101/23205479.png" alt="" /></p>
|
||||
<p>рис.5 Визуальное отображение выполнения условий задачи</p>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23204163.png">image2019-2-27_10-12-42.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23204164.png">image2019-3-1_10-30-56.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23204165.png">image2019-3-1_10-31-39.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23204166.png">image2019-3-1_10-32-15.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23204167.png">image2019-3-1_10-32-46.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23204168.png">image2019-3-1_17-6-26.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23204169.png">image2019-3-1_17-7-18.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23204170.png">image2019-3-1_17-8-8.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23204171.png">image2019-3-1_17-41-39.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23204172.png">image2019-3-1_17-42-35.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23204173.png">image2019-3-1_17-44-14.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23204193.png">image2019-3-6_11-55-54.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23204203.png">image2019-3-6_12-14-27.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23204237.png">image2019-3-6_14-34-24.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23204238.png">image2019-3-6_14-35-34.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23204240.png">image2019-3-6_14-36-12.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23204241.png">image2019-3-6_14-36-15.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23204243.png">image2019-3-6_14-39-11.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23204244.png">image2019-3-6_14-41-50.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23204245.png">image2019-3-6_14-42-36.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23204316.png">image2019-3-6_15-38-44.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23204320.png">image2019-3-6_15-48-48.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23204321.png">image2019-3-6_15-49-2.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23205472.png">image2019-3-15_11-27-1.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23205473.png">image2019-3-15_11-30-21.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23205475.png">image2019-3-15_11-33-48.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23205476.png">image2019-3-15_11-34-41.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23205477.png">image2019-3-15_11-40-18.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23205479.png">image2019-3-15_11-41-56.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23205804.png">image2019-3-20_16-23-13.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23205985.png">image2019-3-22_9-44-22.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204101/23205999.png">image2019-3-22_10-45-52.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,172 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/filters/Как_добавить_элемент_Фильтр_по_полю_многострочного_ввода_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить элемент Фильтр по полю многострочного ввода на страницу?</title>
|
||||
<link rel="stylesheet" href="../../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../../css/print.css" media="print" />
|
||||
<script src="../../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить элемент Фильтр по полю многострочного ввода на страницу?</h1>
|
||||
<p><b><span class="underline">Постановка задачи:</span></b> необходимо реализовать на пользовательской странице Карточка реестра сотрудников элементТаблица, где будет содержаться информация о сотрудниках отдела. На странице должны присутствовать фильтр по текстовому полю и фильтр по полю многострочного ввода, с помощью которых будет осуществляться поиск записей в Таблице. Элементы на странице должны иметь следующие настройки:</p>
|
||||
<ul>
|
||||
|
||||
<li><i>Блок фильтрации</i> на странице должен иметь подзаголовок -Фильтр по сотрудникам, реализованный с помощью компоненты <i><a href="../Текст.md">Текст</a></i></li>
|
||||
<li><i>Фильтр по текстовому полю</i> (по фамилии сотрудника):
|
||||
<p>надпись поля -<i>Фамилия:</i><br />
|
||||
фильтровать по… -таблице Список сотрудников иколонке Фамилия (name_last)<br />
|
||||
операция фильтрации -Содержит всю подстроку</p></li>
|
||||
<li>
|
||||
|
||||
<p><i>Фильтр по полю многострочного ввода</i>:</p>
|
||||
<p>надпись поля -<i>Электронный адрес:</i><br />
|
||||
фильтровать по… -таблице Список сотрудников иколонке Электронный адрес (user_email)<br />
|
||||
операция фильтрации -Содержит всю подстроку</p>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<p><i>Таблица</i> с информацией о сотрудниках: в <i><a href="../../Настройка_Графа_сущностей.md">Граф сущностей</a></i> в качестве Главной сущности должна быть определена таблица <i><span class="underline">Список сотрудников,</span></i> где есть вся необходимая информация для вывода на страницу в структуру Таблицы должны быть включены две колонки:Фамилия сотрудникаиЭлектронный адрессотрудника</p>
|
||||
</li>
|
||||
</ul>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что страница <i>Карточки реестра сотрудников</i> уже создана бизнес-аналитиком. Для добавления на страницу и настройки компонентов по условиям задачинеобходимо сделать следующее:</p>
|
||||
<p><b><span class="underline">1. Добавление элементов:</span></b></p>
|
||||
<ul>
|
||||
|
||||
<li>Добавить внутрь <b><a href="../../containers/Вертикальный_контейнер.md">Вертикального контейнера</a></b> контейнер <b><a href="../../containers/Набор_фильтров.md">Набор фильтров</a>.</b> (рис.1)</li>
|
||||
<li>Добавить <b><a href="../Текст.md">Текст</a></b> и заполнить в его свойствах “надпись”, которая будет являться заголовком к нашему фильтру. (рис.2)</li>
|
||||
<li>Добавить внутрь .. <b><a href="../../containers/Набор_фильтров.md">Набор фильтров</a></b> компоненту <b><a href="Фильтр_по_текстовому_полю.html">Текстовое поле (фильтр)</a></b> (рис.3)</li>
|
||||
<li>Добавить <b><a href="../../grids/Таблица.md">Таблицу</a>,</b> в которую будут выводится отфильтрованные данные на странице (рис.4)</li>
|
||||
<li>Добавить внутрь контейнера <b><a href="../../containers/Набор_фильтров.md">Набор фильтров</a></b> компоненту <b>Фильтр по полю многострочного ввода</b> (рис.5)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23204874/23204881.png" alt="" /></p>
|
||||
<p>Рис.1 Добавление элемента <b><a href="../../containers/Набор_фильтров.md">Набор фильтров</a></b></p>
|
||||
<p><img src="../../../attachments/23204874/23204884.png" alt="" /></p>
|
||||
<p>Рис.2 Добавление элемента <b><a href="../Текст.md">Текст</a></b></p>
|
||||
<p><img src="../../../attachments/23204874/23204891.png" alt="" /></p>
|
||||
<p>Рис.3 Добавление компонентФильтр по текстовому полю</p>
|
||||
<p><img src="../../../attachments/23204874/23205911.png" alt="" /></p>
|
||||
<p>Рис.4 Добавление элемента <b><a href="../../grids/Таблица.md">Таблица</a></b></p>
|
||||
<p><img src="../../../attachments/23204874/23205912.png" alt="" /></p>
|
||||
<p>Рис.5 Добавление элемента <b>Фильтр по полю многострочного ввода</b></p>
|
||||
<ul>
|
||||
|
||||
<li>Для того чтобы условия фильтрации применялись к таблице, необходимо добавить кнопки:Кнопка для фильтрации,Кнопка очистки фильтра. Для этого необходимо добавить <i><a href="../../containers/Горизонтальный_контейнер.md">Горизонтальный контейнер</a></i>, который будет содержать данные кнопки. (рис.6 и рис.7)</li>
|
||||
</ul>
|
||||
<p>рис.6 Добавление элемента Горизонтальный контейнер****</p>
|
||||
<p>рис.7 Добавление кнопок: Для фильтрации и Очистки фильтрации</p>
|
||||
<p><b><span class="underline">2. Настройка элементов:</span></b></p>
|
||||
<ul>
|
||||
|
||||
<li>Настройка <b><a href="../../containers/Набор_фильтров.md">Набор фильтров</a>.</b></li>
|
||||
</ul>
|
||||
<p>Переносим объект <b><a href="../../gridsТаблица.md">Таблица</a></b> в свойства <i>“Применить к…”</i> <b><a href="../../containers/Набор_фильтров.md">Набора фильтров</a></b> как показано на рисунке (рис.8)</p>
|
||||
<p><img src="../../../attachments/23204874/23205923.png" alt="" /></p>
|
||||
<p>Рис.8 Настройка <b><a href="../../containers/Набор_фильтров.md">Набор фильтров</a></b></p>
|
||||
<ul>
|
||||
|
||||
<li>Заполняем свойство <b>“Надпись”</b> у компоненты <b><b><a href="../Текст.md">Текст</a></b></b> (рис.9)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23204874/23205924.png" alt="" /></p>
|
||||
<p>Рис.9 Настройка элементаТекст</p>
|
||||
<ul>
|
||||
|
||||
<li>Заполняем у элемента Таблица следующие свойства: <b>Таблица. Подгрузка данных - Источник данных - Граф сущностей</b> (как описано в разделе -<i><a href="../../Настройка_Графа_сущностей.md">Настройка Графа сущностей</a></i>) и настраиваем колонки Таблицы (как описано в разделе -<i><a href="../../grids/Настройка_колонок_Таблицы.md">Настройка колонок Таблицы</a></i>) в блоке <b>Таблица. Настроить колонки таблицы</b> согласно условиям задачи (рис.10)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23204874/23205925.png" alt="" /></p>
|
||||
<p>Рис.10 Настройка элемента <a href="../../grids/Таблица.md">Таблица</a></p>
|
||||
<ul>
|
||||
|
||||
<li>Заполняем свойства компоненты <b>фильтрации по текстовому полю</b> как показано на рис.11</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23204874/23205926.png" alt="" /></p>
|
||||
<p>Рис.11 Настройка элемента Фильтрация по текстовому полю</p>
|
||||
<ul>
|
||||
|
||||
<li>Заполняем свойства компоненты <b>Фильтрации по полю многострочного ввода</b> как показано на рис.12</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23204874/23205928.png" alt="" /></p>
|
||||
<p>Рис.12 Настройка элементаФильтрация по полю многострочного ввода</p>
|
||||
<p><b><span class="underline"><b>Результат выполнения задачи:</b></span></b></p>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что условия задачи соблюдены и на странице отображается блок фильтрации, включающий в себя фильтры по имени и фамилии сотрудника (рис.13 и рис.14)</p>
|
||||
<p><img src="../../../attachments/23204874/23205929.png" alt="" /></p>
|
||||
<p>рис.13 Визуальное отображение выполнения условий задачи</p>
|
||||
<p>рис.14 Пример выполнения поиска с примененным условием фильтрации</p>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23204881.png">image2019-3-12_14-34-54.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23204884.png">image2019-3-12_14-35-50.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23204891.png">image2019-3-12_14-43-48.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23204899.png">image2019-3-12_14-53-6.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23204901.png">image2019-3-12_14-53-35.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23204908.png">image2019-3-12_14-57-22.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23204911.png">image2019-3-12_14-59-51.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23204916.png">image2019-3-12_15-1-12.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23204928.png">image2019-3-12_15-6-43.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23204930.png">image2019-3-12_15-7-49.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23204938.png">image2019-3-12_15-9-41.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23205703.png">image2019-3-19_14-13-11.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23205704.png">image2019-3-19_14-14-16.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23205705.png">image2019-3-19_14-14-33.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23205911.png">image2019-3-21_16-44-14.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23205912.png">image2019-3-21_16-44-48.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23205913.png">image2019-3-21_16-45-27.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23205915.png">image2019-3-21_16-48-57.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23205916.png">image2019-3-21_16-49-47.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23205919.png">image2019-3-21_16-51-54.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23205921.png">image2019-3-21_16-54-0.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23205922.png">image2019-3-21_16-54-38.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23205923.png">image2019-3-21_16-57-45.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23205924.png">image2019-3-21_16-58-0.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23205925.png">image2019-3-21_16-58-51.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23205926.png">image2019-3-21_16-59-10.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23205928.png">image2019-3-21_16-59-27.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23205929.png">image2019-3-21_17-1-27.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23204874/23205930.png">image2019-3-21_17-1-50.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,140 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/filters/Как_добавить_элемент_Фильтр_по_статичному_выпадающему_списку_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить элемент Фильтр по статичному выпадающему списку на страницу?</title>
|
||||
<link rel="stylesheet" href="../../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../../css/print.css" media="print" />
|
||||
<script src="../../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить элемент Фильтр по статичному выпадающему списку на страницу?</h1>
|
||||
<p><b>Постановка задачи:</b> необходимо реализовать на пользовательской странице <i>Реестра сотрудников</i> компонент <i><a href="../../grids/Таблица.md">Таблица</a></i>, где будет содержаться информация о сотрудниках отдела. Поиск по <i><a href="../../grids/Таблица.md">Таблице</a></i> должен осуществляться по фамилии сотрудника в виде фильтра по текстовому полю и организации к которой относится сотрудник, в виде фильтра по статичному выпадающему списку. Элементы на странице должны иметь следующие настройки:</p>
|
||||
<ul>
|
||||
|
||||
<li><i>Блок фильтрации</i> на странице должен иметь
|
||||
<ul>
|
||||
|
||||
<li>подзаголовок -Фильтр по сотрудникам, реализованный с помощью компоненты <i><a href="../Текст.md">Текст</a></i></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><i>Фильтр по текстовому полю</i> (по фамилии сотрудника):
|
||||
<ul>
|
||||
|
||||
<li>надпись поля -<i>Фамилия</i></li>
|
||||
<li>фильтровать по… -таблице Список сотрудников и колонке (name_last)</li>
|
||||
<li>операция фильтрации -Содержит всю подстроку</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
|
||||
<p><i>Фильтр по статичному выпадающему списку:</i></p>
|
||||
<ul>
|
||||
|
||||
<li>надпись поля - <i>Организация:</i></li>
|
||||
<li>фильтровать по… -таблице Организация иколонке Наименование (name)</li>
|
||||
<li>операцию фильтрации -Содержится в “Список значений” - Три элемента. 1) Элемент: Надпись -УФНС РФ Значение - УФНС РФ 2) Элемент: Надпись -ООО Березка Значение -ООО Березка 3) Элемент: Надпись -ИП Чемоданова Значение -ИП Чемоданова</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><i>Таблица</i> с информацией о сотрудниках: в <a href="../../Настройка_Графа_сущностей.md">Граф сущностей</a> в качестве Главной сущности должна быть определена таблица Список сотрудников, где есть вся необходимая информация для вывода на страницу.</li>
|
||||
</ul>
|
||||
<p><b>Решение задачи:</b></p>
|
||||
<p>Предполагается, что страница Реестр сотрудников, где необходимо разместить <b>Таблицу</b> и <b>Фильтры по текстовому полю</b>, уже создана бизнес-аналитиком и включена в логику бизнес-процесса. Для добавления на страницу и настройки компонент по условиям задачинеобходимо сделать следующее:</p>
|
||||
<p><b>1. Добавление элементов:</b></p>
|
||||
<ul>
|
||||
|
||||
<li>Добавить внутрь <a href="../../containers/Вертикальный_контейнер.md">Вертикального контейнера</a> контейнер <a href="../../containers/Набор_фильтров.md">Набор фильтров</a></li>
|
||||
<li>Добавить компоненту <a href="../Текст.md">Текст</a> внутрь <a href="../../containers/Вертикальный_контейнер.md">Вертикального контейнера</a>, которая будет являться заголовком блока фильтрации</li>
|
||||
</ul>
|
||||
<p><i><img src="../../../attachments/23205714/23205888.png" alt="" /></i></p>
|
||||
<p>рис.1 Добавление элемента <a href="../../containers/Набор_фильтров.md">Набор фильтров</a></p>
|
||||
<ul>
|
||||
|
||||
<li>Добавить внутрь контейнера <a href="../../containers/Набор_фильтров.md">Набор фильтров</a> компоненту Фильтр по текстовому полю (рис.3)</li>
|
||||
<li>Добавить внутрь контейнера <a href="../../containers/Набор_фильтров.md">Набор фильтров</a> компоненту Фильтр по статичному выпадающему списку (рис.4)</li>
|
||||
<li>Добавить <a href="../../grids/Таблица.md">Таблицу</a>, в которой будет отображаться информация о сотрудниках и по значениям которой будет осуществляться поиск записей с помощью фильтров (рис.5)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23205714/23205891.png" alt="" /></p>
|
||||
<p>рис.3 Добавление компонент Фильтр по текстовому полю</p>
|
||||
<p><img src="../../../attachments/23205714/23205894.png" alt="" /></p>
|
||||
<p>рис.5 Добавление элемента <a href="../../grids/Таблица.md">Таблица</a></p>
|
||||
<ul>
|
||||
|
||||
<li>Для того чтобы условия фильтрации применялись к таблице, необходимо добавить кнопки: Кнопка для фильтрации, Кнопка очистки фильтра. Для этого необходимо добавить <i><a href="../../containers/Горизонтальный_контейнер.md">Горизонтальный контейнер</a></i>, который будет содержать данные кнопки. (рис.6 и рис.7)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23205714/23205895.png" alt="" /></p>
|
||||
<p>рис.6 Добавление элемента Горизонтальный контейнер</p>
|
||||
<p><img src="../../../attachments/23205714/23205896.png" alt="" /></p>
|
||||
<p>рис.7 Добавление кнопок: Для фильтрации и Очистки фильтрации</p>
|
||||
<p><b>2. Настройка элементов:</b></p>
|
||||
<ul>
|
||||
|
||||
<li>Настройка <a href="../../containers/Набор_фильтров.md">Набора фильтров</a>: переносим объект <a href="../../grids/Таблица.md">Таблица</a>, удерживая левую кнопку мыши, в свойство “Применить к…” <a href="../../containers/Набор_фильтров.md">Набора фильтров</a> как показано на рисунке (рис.8)</li>
|
||||
<li>Заполняем свойство <b>Надпись</b> у компоненты <a href="../Текст.md">Текст</a> значением Фильтр по сотрудникам (рис.9)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23205714/23205897.png" alt="" /></p>
|
||||
<p>рис.8 Настройка <a href="../../containers/Набор_фильтров.md">Набор фильтров</a></p>
|
||||
<p><img src="../../../attachments/23205714/23205898.png" alt="" /></p>
|
||||
<p>рис.9 Настройка элемента <a href="../Текст.md">Текст</a></p>
|
||||
<ul>
|
||||
|
||||
<li>Заполняем у элемента Таблица следующие свойства: <b>Таблица. Подгрузка данных - Источник данных - Граф сущностей</b> (как описано в разделе -<i><a href="../../Настройка_Графа_сущностей.md">Настройка Графа сущностей</a></i>) и настраиваем колонки Таблицы (как описано в разделе -<i><a href="../../grids/Настройка_колонок_Таблицы.md">Настройка колонок Таблицы</a></i>) в блоке <b>Таблица. Настроить колонки таблицы</b> согласно условиям задачи (рис.10)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23205714/23205900.png" alt="" /></p>
|
||||
<p>рис.10 Настройка элемента<a href="../../grids/Таблица.md">Таблица</a></p>
|
||||
<ul>
|
||||
|
||||
<li>Заполняем свойства компонент фильтрации по текстовому полю согласно условиям задачи (рис.11)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23205714/23205901.png" alt="" /></p>
|
||||
<p>рис.11 Настройка Фильтра по фамилии сотрудника</p>
|
||||
<ul>
|
||||
|
||||
<li>Заполняем свойства компонент Фильтрация по статичному выпадающему списку согласно условиям задачи (рис.12)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23205714/23205902.png" alt="" /></p>
|
||||
<p>рис.12 Настройка Фильтра по организации сотрудника</p>
|
||||
<p><b>Результат выполнения задачи:</b></p>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что условия задачи соблюдены и на странице отображается блок фильтрации, включающий в себя фильтры по фамилии сотрудника и организации (рис.13 и рис.14)</p>
|
||||
<p><img src="../../../attachments/23205714/23205904.png" alt="" /></p>
|
||||
<p>рис.13 Визуальное отображение выполнения условий задачи</p>
|
||||
<p><img src="../../../attachments/23205714/23205906.png" alt="" /> рис.14 Пример выполнения поиска с примененным условием фильтрации</p>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,178 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/filters/Как_добавить_элемент_Фильтр_по_текстовому_полю_на_страницу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как добавить элемент Фильтр по текстовому полю на страницу?</title>
|
||||
<link rel="stylesheet" href="../../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../../css/print.css" media="print" />
|
||||
<script src="../../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как добавить элемент Фильтр по текстовому полю на страницу?</h1>
|
||||
<p>**<span class="underline">Постановка задачи:</span> **необходимо реализовать на пользовательской странице Реестра сотрудников компонент Таблица, где будет содержаться информация о сотрудниках отдела, и два Фильтра по текстовому полю, с помощью которых будет осуществляться поиск записей в Таблицепо фамилии сотрудника и по имени сотрудника. Элементы на странице должны иметь следующие настройки:</p>
|
||||
<ul>
|
||||
|
||||
<li><i>Блок фильтрации</i> на странице должен иметь
|
||||
<ul>
|
||||
|
||||
<li>подзаголовок - Фильтр по сотрудникам, реализованный с помощью компоненты <i><a href="../Текст.md">Текст</a></i></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><i>Фильтр по текстовому полю</i> (по фамилии сотрудника):
|
||||
<ul>
|
||||
|
||||
<li>надпись поля -<i>Фамилия</i></li>
|
||||
<li>фильтровать по… -таблице Список сотрудников иколонке Фамилия(name_last)</li>
|
||||
<li>операция фильтрации -Содержит всю подстроку</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Фильтр по текстовому полю (по имени сотрудника):
|
||||
<ul>
|
||||
|
||||
<li>надпись поля -Имя</li>
|
||||
<li>фильтровать по… -таблице Список сотрудников иколонке Имя (name_first)</li>
|
||||
<li>операция фильтрации -Содержит всю подстроку</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Таблица с информацией о сотрудниках:<br />
|
||||
в <i><a href="../../Настройка_Графа_сущностей.md">Граф сущностей</a></i> в качестве Главной сущности должна быть определена таблица <i><span class="underline">Список сотрудников,</span></i> где есть вся необходимая информация для вывода на страницу<br />
|
||||
в структуру компоненты Таблица должны быть включены две колонки: Фамилия сотрудника и Имя сотрудника</li>
|
||||
</ul>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что страница <i>Реестр сотрудников,</i> где необходимо разместить <b>Таблицу</b> и <b>Фильтры по текстовому полю</b>, уже создана бизнес-аналитиком и включена в логику бизнес-процесса. Для добавления на страницу и настройки компонент по условиям задачинеобходимо сделать следующее:</p>
|
||||
<p><b>1. Добавление элементов:<span class="underline"><br />
|
||||
</span></b></p>
|
||||
<ul>
|
||||
|
||||
<li>Добавить внутрь <a href="../../containers/Вертикальный_контейнер.md">Вертикального контейнера</a> <b><b>контейнер <a href="../../containers/Набор_фильтров.md">Набор фильтров</a></b></b> (рис.1)</li>
|
||||
<li>Добавить компоненту <a href="../Текст.md">Текст</a> внутрь Набора фильтров, которая будет являться заголовком блока фильтрации (рис.2)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23202145/23204598.png" alt="" /></p>
|
||||
<p>рис.1 Добавление элемента <a href="../../containers/Набор_фильтров.md">Набор фильтров</a></p>
|
||||
<p><img src="../../../attachments/23202145/23204599.png" alt="" /></p>
|
||||
<p>рис.2Добавление элемента <a href="../Текст.md">Текст</a></p>
|
||||
<ul>
|
||||
|
||||
<li>Добавить внутрь контейнера <a href="../../containers/Набор_фильтров.md">Набор фильтров</a> две компоненты Фильтр по текстовому полю (рис.3)</li>
|
||||
<li>Добавить <a href="../../grids/Таблица.md">Таблицу</a>, в которой будет отображаться информация о сотрудниках и по значениям которой будет осуществляться поиск записей с помощью фильтров (рис.4)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23202145/23204600.png" alt="" /></p>
|
||||
<p>рис.3 Добавление компонентФильтр по текстовому полю</p>
|
||||
<p><img src="../../../attachments/23202145/23205783.png" alt="" /></p>
|
||||
<p>рис.4 Добавление элемента <a href="../../grids/Таблица.md">Таблица</a></p>
|
||||
<ul>
|
||||
|
||||
<li>Для того чтобы условия фильтрации применялись к таблице, необходимо добавить кнопки: Кнопка для фильтрации, Кнопка очистки фильтра. Для этого необходимо добавить <i><a href="../../containers/Горизонтальный_контейнер.md">Горизонтальный контейнер</a></i>, который будет содержать данные кнопки. (рис.5 и рис.6)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23202145/23205818.png" alt="" /></p>
|
||||
<p>рис.5 Добавление элемента Горизонтальный контейнер</p>
|
||||
<p>рис.6 Добавление кнопок: Для фильтрации и Очистки фильтрации</p>
|
||||
<p><b>2. Настройка элементов:</b></p>
|
||||
<ul>
|
||||
|
||||
<li>Настройка <a href="../../containers/Набор_фильтров.md">Набора фильтров</a>: переносим объект <a href="../../grids/Таблица.md">Таблица</a>, удерживая левую кнопку мыши, в свойство <i>“Применить к…”</i> <b><b><a href="../../containers/Набор_фильтров.md">Набора фильтров</a></b></b> как показано на рисунке (рис.6)</li>
|
||||
<li>Заполняем свойство <b>Надпись</b> у компоненты <a href="../Текст.md">Текст</a> значением Фильтр по сотрудникам (рис.7)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23202145/23205809.png" alt="" /></p>
|
||||
<p>рис.6 Настройка <a href="../../containers/Набор_фильтров.md">Набор фильтров</a></p>
|
||||
<p><img src="../../../attachments/23202145/23205810.png" alt="" /></p>
|
||||
<p>рис.7 Настройка элементаТекст</p>
|
||||
<ul>
|
||||
|
||||
<li>Заполняем у элемента Таблица следующие свойства: <b>Таблица. Подгрузка данных - Источник данных - Граф сущностей</b> (как описано в разделе -<i><a href="../../Настройка_Графа_сущностей.md">Настройка Графа сущностей</a></i>) и настраиваем колонки Таблицы (как описано в разделе -<i><a href="../../grids/Настройка_колонок_Таблицы.md">Настройка колонок Таблицы</a></i>) в блоке <b>Таблица. Настроить колонки таблицы</b> согласно условиям задачи (рис.8)</li>
|
||||
<li>Заполняем свойства компонент фильтрации по текстовому полю согласно условиям задачи (рис.9, рис.10)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23202145/23205811.png" alt="" /></p>
|
||||
<p>рис.8 Настройка элемента <a href="../../grids/Таблица.md">Таблица</a></p>
|
||||
<p><img src="../../../attachments/23202145/23205812.png" alt="" /></p>
|
||||
<p>рис.9 Настройка Фильтра по фамилии сотрудника</p>
|
||||
<p><img src="../../../attachments/23202145/23205813.png" alt="" /></p>
|
||||
<p>рис.10 Настройка Фильтра по имени сотрудника</p>
|
||||
<p><span class="underline"><b>Результат выполнения задачи:</b></span></p>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что условия задачи соблюдены и на странице отображается блок фильтрации, включающий в себя фильтры по имени и фамилии сотрудника (рис.11 и рис.12)</p>
|
||||
<p><img src="../../../attachments/23202145/23205820.png" alt="" /></p>
|
||||
<p>рис.11 Визуальное отображение выполнения условий задачи</p>
|
||||
<p><img src="../../../attachments/23202145/23205821.png" alt="" /></p>
|
||||
<p>рис.12 Пример выполнения поиска с примененным условием фильтрации</p>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23202807.png">image2019-2-27_10-12-42.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23202827.png">image2019-2-27_10-20-59.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23202836.png">image2019-2-27_10-31-44.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23202874.png">image2019-2-27_11-14-10.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23202883.png">image2019-2-27_11-19-57.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23202885.png">image2019-2-27_11-22-12.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23202889.png">image2019-2-27_11-27-36.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23203077.png">image2019-2-28_10-20-51.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23203078.png">image2019-2-28_10-25-32.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23203079.png">image2019-2-28_10-25-46.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23203082.png">image2019-2-28_10-37-29.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23204598.png">image2019-3-11_14-19-40.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23204599.png">image2019-3-11_14-20-16.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23204600.png">image2019-3-11_14-20-56.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23204602.png">image2019-3-11_14-21-26.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23204605.png">image2019-3-11_14-22-21.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23204606.png">image2019-3-11_14-23-9.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23204607.png">image2019-3-11_14-25-28.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23204608.png">image2019-3-11_14-26-27.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23204609.png">image2019-3-11_14-26-36.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23204610.png">image2019-3-11_14-27-27.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23205658.png">image2019-3-18_14-52-3.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23205660.png">image2019-3-18_14-53-43.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23205662.png">image2019-3-18_14-55-10.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23205783.png">image2019-3-20_14-51-35.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23205809.png">image2019-3-20_16-27-15.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23205810.png">image2019-3-20_16-27-53.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23205811.png">image2019-3-20_16-30-12.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23205812.png">image2019-3-20_16-31-27.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23205813.png">image2019-3-20_16-31-57.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23205818.png">image2019-3-20_16-38-7.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23205819.png">image2019-3-20_16-39-39.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23205820.png">image2019-3-20_17-12-12.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23202145/23205821.png">image2019-3-20_17-13-3.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,181 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/filters/Как_задействовать_компоненту_Фильтр_по_Флагу_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как задействовать компоненту Фильтр по Флагу?</title>
|
||||
<link rel="stylesheet" href="../../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../../css/print.css" media="print" />
|
||||
<script src="../../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как задействовать компоненту Фильтр по Флагу?</h1>
|
||||
<p><b><span class="underline">Постановка</span><span class="underline">задачи:</span></b> на пользовательской странице <i>Реестр задач</i> необходимо обеспечить возможность поиска задач в компоненте Таблица, которые удовлетворяют условию, что их готовность подтверждена руководителем. Это условие задается пользователем с использованием компоненты Флаг, проставлением или снятием отметки в поле компоненты.</p>
|
||||
<p>Страница “Реестр задач” должна иметь следующие настройки:</p>
|
||||
<ul>
|
||||
|
||||
<li>на web-странице должна быть размещена компонента Таблица, в графе сущности которой основной таблицей должна быть назначена “Список задач” (tasks). В нейимеется колонка, в которой хранится отметка о факте подтверждения руководителем готовности той или иной задачи.</li>
|
||||
<li>на web-странице должна быть размещена компонента Набор фильтров, и настроена на компоненту Таблица</li>
|
||||
<li>внутри компоненты Набор фильтров следует расположить компоненту Фильтр по Флагу для поиска по параметру “Готовность задачи подтверждена руководителем”</li>
|
||||
<li>колонка базы данных для поиска по значениям из компоненты <i>Фильтр по флагу -tasks.approved_chief_temp</i></li>
|
||||
</ul>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что страница <i>Реестр задач</i> уже создана аналитиком и включена в логику бизнес-процесса. Для задействования компоненты Фильтр по флагу необходимо сделать следующее:</p>
|
||||
<ul>
|
||||
|
||||
<li>Добавить на страницу компоненту <a href="../../grids/Таблица.md">Таблица</a>, настроить ее граф сущностей и колонки (рис.1)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/26673612/26673614.png" alt="" /></p>
|
||||
<p>рис.1 Расположение компоненты Таблица и настройка ее основных параметров</p>
|
||||
<ul>
|
||||
|
||||
<li>На одном уровне с компонентом Таблица добавить в состав страницы компоненту Набор фильтров. Связать Компоненту Набор фильтров с компонентой Таблица для указания источника данных фильтрации (рис.2)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/26673612/26673615.png" alt="" /></p>
|
||||
<p>рис.2 Расположение компоненты Набор фильтров и взаимосвязь с компонентой Таблица</p>
|
||||
<ul>
|
||||
|
||||
<li>Добавить компоненты “Кнопка для фильтрации” и “Кнопка очистки фильтра” внутрь компоненты “Набор фильтров” для возможности запуска процесса фильтрации по значению из компоненты “Постановщик задачи” (кнопки нужны потому, что в свойстве компоненты “Набор фильтров” отключен режим “Фильтровать сразу”)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/26673612/26673616.png" alt="" /></p>
|
||||
<p>рис.3 Настройка кнопок фильтрации</p>
|
||||
<ul>
|
||||
|
||||
<li>Внутри компоненты Набор фильтров расположить компоненту Фильтр по Флагу (рис.4)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/26673612/26673634.png" alt="" /></p>
|
||||
<p>рис.4 Настройка основных параметров компоненты Фильтр по Флагу</p>
|
||||
<ul>
|
||||
|
||||
<li>Настроить операцию фильтрации (рис.5)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/26673612/26673629.png" alt="" /></p>
|
||||
<p>рис.5 Настройка операции фильтрации</p>
|
||||
<ul>
|
||||
|
||||
<li>Настроить колонку фильтрации (рис.6)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/26673612/26673631.png" alt="" /></p>
|
||||
<p>рис. 6 Настройка колонки фильтрации</p>
|
||||
<p>Значение параметра “Правило обработки MultiValue значений” для данной компоненты не принципиально (“И”/“ИЛИ”), поскольку компонента не предоставляет возможность выбирать несколько значений. В параметре “Конвертер” соответствующий модуль подбирается и выставляется системой автоматически, без участия пользователя</p>
|
||||
<p>На этом настройка страницы закончена, можно собрать приложение и проверить работу компоненты.</p>
|
||||
<p><b><span class="underline">Результат выполнения задачи:</span></b></p>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что на странице отображаются таблица и блок фильтрации с компонентой “Фильтр по Флагу” (рис.7 - рис.9)</p>
|
||||
|
||||
<div class="table-wrap">
|
||||
|
||||
<table border="0" class="table table-striped">
|
||||
<tbody>
|
||||
|
||||
<tr class="odd">
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../../attachments/26673612/26673636.png" height="250" alt="" /></p>
|
||||
</div></td>
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../../attachments/26673612/26673637.png" height="250" alt="" /></p>
|
||||
</div></td>
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../../attachments/26673612/26673638.png" height="250" alt="" /></p>
|
||||
</div></td>
|
||||
</tr>
|
||||
|
||||
<tr class="even">
|
||||
|
||||
<td>
|
||||
<p>рис.7 Открытие страницы.</p>
|
||||
|
||||
<p>В таблице указаны все задачи .</p>
|
||||
|
||||
<p><br />
|
||||
</p></td>
|
||||
|
||||
<td>
|
||||
<p>рис. 8 Активизация компоненты - проставляем отметку в поле компоненты.</p>
|
||||
|
||||
<p>Пока ничего не меняется, поскольку фильтрация произойдет после нажатия на кнопку (так настроена компонента Набор фильтров).</p>
|
||||
|
||||
<p>В случае настройки компоненты Набор фильтров на режим "Фильтровать сразу", выборка строк произошла бы в тот же момент, как была поставлена отметка в компоненте Флаг.</p></td>
|
||||
|
||||
<td>рис.9 Нажимаем кнопку "Применить", чтобы система отфильтровала список задач и показала только те, в которых есть отметка руководителя о готовности задачи.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26673612/26673614.png">image2019-4-10_15-37-9.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26673612/26673615.png">image2019-4-10_15-41-23.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26673612/26673616.png">image2019-4-10_16-39-56.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26673612/26673617.png">image2019-4-11_15-37-26.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26673612/26673618.png">image2019-4-11_15-38-18.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26673612/26673619.png">image2019-4-10_18-20-12.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26673612/26673620.png">image2019-4-10_18-22-13.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26673612/26673621.png">image2019-4-10_18-49-15.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26673612/26673622.png">image2019-4-10_18-47-41.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26673612/26673623.png">image2019-4-10_18-48-6.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26673612/26673624.png">image2019-4-10_18-48-28.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26673612/26673625.png">image2019-4-10_18-48-42.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26673612/26673626.png">image2019-4-11_10-34-31.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26673612/26673627.png">image2019-7-16_11-2-11.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26673612/26673628.png">image2019-7-16_11-5-44.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26673612/26673629.png">image2019-7-16_11-8-13.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26673612/26673630.png">image2019-7-16_11-9-23.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26673612/26673631.png">image2019-7-16_11-10-26.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26673612/26673634.png">image2019-7-16_11-23-19.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26673612/26673636.png">image2019-7-16_11-34-13.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26673612/26673637.png">image2019-7-16_11-34-53.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26673612/26673638.png">image2019-7-16_11-35-13.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,144 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/filters/Как_задействовать_компоненту_Фильтр_по_полю_адреса_ФИАС_на_странице_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как задействовать компоненту Фильтр по полю адреса ФИАС на странице?</title>
|
||||
<link rel="stylesheet" href="../../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../../css/print.css" media="print" />
|
||||
<script src="../../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как задействовать компоненту “Фильтр по полю адреса ФИАС” на странице?</h1>
|
||||
<p><b><span class="underline">Постановка</span><span class="underline">задачи:</span></b> на пользовательской странице <i>Реестр задач</i> необходимо обеспечить возможность поиска задач в компоненте Таблица по указанному в поле <i>Адрес исполнения задачи</i> с использованием компоненты “Фильтр по полю адреса ФИАС”. Источником данных для компоненты “Фильтр по полю адреса ФИАС” должна служить федеральная информационная адресная система, а выбор адреса из справочника будет осуществляться путем постепенного набора первых букв строки адреса с последующим подбором и отображением сужающегося списка адресов, в которых содержится вводимый пользователем набор букв.</p>
|
||||
<p>Страница “Реестр задач” должна иметь следующие настройки:</p>
|
||||
<ul>
|
||||
|
||||
<li>на web-странице должна быть размещена компонента Таблица, в графе сущности которой основной таблицей должна быть назначена “Список задач” (tasks). В ней имеется колонка с идентификатором адреса GUID, (fiasid).</li>
|
||||
<li>на web-странице должна быть размещена компонента Набор фильтров, и настроена на компоненту Таблица</li>
|
||||
<li>внутри компоненты Набор фильтров следует расположить компоненту Фильтр по полю адреса ФИАС для поиска по параметруАдрес</li>
|
||||
<li>колонка базы данных для поиска по значениям из компоненты <i>Фильтр по полю адреса ФИАС - tasks.fiasid</i></li>
|
||||
</ul>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что страница <i>Реестр задач</i> уже создана аналитиком и включена в логику бизнес-процесса. Для задействования компоненты Фильтр по полю ввода с подбором значениянеобходимо сделать следующее:</p>
|
||||
<ul>
|
||||
|
||||
<li>Добавить на страницу компоненту <a href="../../grigs/Таблица.md">Таблица</a>, настроить ее граф сущностей и колонки (рис.1)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/26674737/26674740.png" alt="" /></p>
|
||||
<p>рис.1 Расположение компоненты Таблица и настройка ее основных параметров</p>
|
||||
<ul>
|
||||
|
||||
<li>На одном уровне с компонентом Таблица добавить в состав страницы компоненту Набор фильтров. Связать Компоненту Набор фильтров с компонентой Таблица для указания источника данных фильтрации (рис.2)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/26674737/26674741.png" alt="" /></p>
|
||||
<p>рис.2 Расположение компоненты Набор фильтров и взаимосвязь с компонентой Таблица</p>
|
||||
<ul>
|
||||
|
||||
<li>Добавить компоненты “Кнопка для фильтрации” и “Кнопка очистки фильтра” внутрь компоненты “Набор фильтров” для возможности запуска процесса фильтрации по значению из компоненты “Постановщик задачи” (кнопки нужны потому,что в свойстве компоненты “Набор фильтров” отключен режим “Фильтровать сразу”)<br />
|
||||
<img src="../../../attachments/26674737/26674742.png" alt="" /></li>
|
||||
</ul>
|
||||
<p>рис.3 Настройка кнопок фильтрации</p>
|
||||
<ul>
|
||||
|
||||
<li>Внутри компоненты Набор фильтров расположить компоненту Фильтр по полю адреса ФИАС (рис.4)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/26674737/26674770.png" alt="" /></p>
|
||||
<p>рис.4 Настройка графа сущности и основных параметров компоненты Фильтр по полю адреса ФИАС</p>
|
||||
<p>“Настроить колонки фильтрации” означает, что после выбора пользователем значения в компоненте “Фильтр по полю адреса ФИАС” система должна найти это значениесреди строк в таблице tasks.fiasid (параметр “Фильтровать по …”)</p>
|
||||
<p>На этом настройка страницы закончена, можно собрать приложение и проверить работу компоненты.</p>
|
||||
<p><b><span class="underline">Результат выполнения задачи:</span></b></p>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что на странице отображаются таблица и блок фильтрации с компонентой “Фильтр по полю ввода с подбором значения” (рис.5)</p>
|
||||
|
||||
<div class="table-wrap">
|
||||
|
||||
<p><img src="../../../attachments/26674737/26674765.png" alt="" /></p>
|
||||
</div>
|
||||
|
||||
<p><img src="../../../attachments/26674737/26674764.png" alt="" /></p>
|
||||
<p><img src="../../../attachments/26674737/26674766.png" alt="" /></p>
|
||||
<p>Форма открывается с пустыми полями</p>
|
||||
<p>При вводе первых двух букв система не реагирует, ждет третью</p>
|
||||
<p>После появления очередной буквы, позволяющей индивидуализировать подбираемое значение, показывается список адресов, удовлетворяющих заданному в настройках фильтру (Ленина) и набранной пользователем подстроке (Казань).</p>
|
||||
<p>Из всего списка остались доступными 2 варианта адресов.</p>
|
||||
<p><img src="../../../attachments/26674737/26674768.png" alt="" /></p>
|
||||
<p><img src="../../../attachments/26674737/26674767.png" alt="" /></p>
|
||||
<p>Нажимаем кнопку применить и список отфильтровывается только по тем задачам, которые назначены на выбранную улицу.</p>
|
||||
<p>Пример работы компоненты для случая, когда в настройках компоненты “фильтр по умолчанию” не заполнен.</p>
|
||||
<p>рис.5 Работа компоненты в запущенном приложении</p>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674740.png">image2019-4-10_15-37-9.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674741.png">image2019-4-10_15-41-23.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674742.png">image2019-4-10_16-39-56.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674743.png">image2019-4-11_15-37-26.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674744.png">image2019-4-11_15-38-18.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674745.png">image2019-4-10_18-20-12.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674746.png">image2019-4-10_18-22-13.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674747.png">image2019-4-10_18-49-15.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674748.png">image2019-4-10_18-47-41.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674749.png">image2019-4-10_18-48-6.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674750.png">image2019-4-10_18-48-28.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674751.png">image2019-4-10_18-48-42.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674752.png">image2019-4-11_10-34-31.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674754.png">image2019-8-19_16-42-45.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674755.png">image2019-8-19_16-43-29.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674756.png">image2019-8-13_17-48-56.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674757.png">image2019-8-13_17-52-5.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674758.png">image2019-8-13_17-52-39.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674759.png">image2019-8-13_17-55-17.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674760.png">image2019-8-13_17-59-42.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674761.png">image2019-8-19_17-6-41.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674762.png">image2019-8-19_17-7-23.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674763.png">image2019-8-19_17-7-59.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674764.png">image2019-8-19_17-8-2.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674765.png">image2019-8-19_17-8-11.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674766.png">image2019-8-19_17-10-14.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674767.png">image2019-8-19_17-11-45.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674768.png">image2019-8-19_17-14-21.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/26674737/26674770.png">image2019-8-19_17-19-21.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,240 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/filters/Как_задействовать_компоненту_Фильтр_по_полю_ввода_с_подбором_значения_на_странице_.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Как задействовать компоненту Фильтр по полю ввода с подбором значения на странице?</title>
|
||||
<link rel="stylesheet" href="../../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../../css/print.css" media="print" />
|
||||
<script src="../../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Как задействовать компоненту “Фильтр по полю ввода с подбором значения” на странице?</h1>
|
||||
<p><b><span class="underline">Постановка</span><span class="underline">задачи:</span></b> на пользовательской странице <i>Реестр задач</i> необходимо обеспечить возможность поиска задач в компоненте Таблица по указанным в поле <i>Постановщик задачи</i> несколькимзначениям c использованием компоненты “Фильтр по полю ввода с подбором значения”. Источником данных для компоненты “Фильтр по полю ввода с подбором значения” должен служить справочник сотрудников, а выбор сотрудников (одного или нескольких) из справочника будет осуществляться путем постепенного набора первых букв фамилии с последующим подбором и отображением сужающегося списка сотрудников, в чьих фамилиях содержится вводимый пользователем набор букв.</p>
|
||||
<p>Страница “Реестр задач” должна иметь следующие настройки:</p>
|
||||
<ul>
|
||||
|
||||
<li>на web-странице должна быть размещенакомпонента Таблица, в графе сущности которой основной таблицейдолжна быть назначена “Список задач”(tasks).В нейимеется колонка с идентификатором сотрудника, являющегося постановщиком задачи (reporter_employee_id).</li>
|
||||
<li>на web-странице должна быть размещенакомпонента Набор фильтров, и настроена на компоненту Таблица</li>
|
||||
<li>внутри компонентыНабор фильтровследует расположить компоненту Фильтр по полю ввода с подбором значения для поиска по параметруПостановщик задачи</li>
|
||||
<li>колонка базы данных для поиска по значениям из компоненты* Фильтр по полю ввода с подбором значения- tasks.reporter_employee_id*</li>
|
||||
</ul>
|
||||
<p><span class="underline"><b>Решение задачи:</b></span></p>
|
||||
<p>Предполагается, что страница <i>Реестр задач</i> уже создана аналитиком и включена в логику бизнес-процесса. Для задействования компоненты Фильтр по полю ввода с подбором значения необходимо сделать следующее:</p>
|
||||
<ul>
|
||||
|
||||
<li>Добавить на страницу компоненту <a href="../../grids/Таблица.md">Таблица</a>, настроить ее граф сущностей и колонки (рис.1)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23206977/23207004.png" alt="" /></p>
|
||||
<p>рис.1 Расположение компоненты Таблица и настройка ее основных параметров</p>
|
||||
<ul>
|
||||
|
||||
<li>На одном уровне с компонентом Таблица добавить в состав страницы компоненту Набор фильтров. Связать Компоненту Набор фильтров с компонентой Таблица для указания источника данных фильтрации (рис.2)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23206977/23207005.png" alt="" /></p>
|
||||
<p>рис.2 Расположение компоненты Набор фильтров и взаимосвязь с компонентой Таблица</p>
|
||||
<ul>
|
||||
|
||||
<li>Добавить компоненты “Кнопка для фильтрации” и “Кнопка очистки фильтра” внутрь компоненты “Набор фильтров” для возможности запуска процесса фильтрации по значению из компоненты “Постановщик задачи” (кнопки нужны потому,что в свойстве компоненты “Набор фильтров” отключен режим “Фильтровать сразу”)<br />
|
||||
<img src="../../../attachments/23206977/23207006.png" alt="" /></li>
|
||||
</ul>
|
||||
<p>рис.3 Настройка кнопок фильтрации</p>
|
||||
<ul>
|
||||
|
||||
<li>Внутри компоненты Набор фильтров расположитькомпонентуФильтр по полю ввода с подбором значения (рис.4)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23206977/23207095.png" alt="" /></p>
|
||||
<p>рис.4 Настройка графа сущности и основных параметров компонентыФильтр по полю ввода с подбором значения</p>
|
||||
<ul>
|
||||
|
||||
<li>Настроить колонки компоненты Фильтр по полю ввода с подбором значения (рис.5)</li>
|
||||
</ul>
|
||||
<p>рис.5 Настройка колонок компоненты Фильтр по полю ввода с подбором значения</p>
|
||||
<ul>
|
||||
|
||||
<li>Настроить операцию фильтрации (рис.6)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23206977/23207011.png" alt="" /></p>
|
||||
<p>рис.6 Настройка операции фильтрации</p>
|
||||
<ul>
|
||||
|
||||
<li>Настроить колонку фильтрации (рис.7)</li>
|
||||
</ul>
|
||||
<p><img src="../../../attachments/23206977/23207012.png" alt="" /></p>
|
||||
<p>рис.7 Настройка колонки фильтрации</p>
|
||||
<p>Данная настройка означает, что после выбора пользователем одного или несколькихзначений в компоненте “Фильтр по полю ввода с подбором значения” система должна найти хотя бы одно (параметр "Правило обработки MultiValue значений выставлен в значение ‘ИЛИ’) из этих значений по идентификатору employee.employee_id среди строк в таблице tasks.reporter_employee_id (параметр “Фильтровать по …”)</p>
|
||||
<p>На этом настройка страницы закончена, можно собрать приложение и проверить работу компоненты.</p>
|
||||
<p><b><span class="underline"><b>Результат выполнения задачи:</b></span></b></p>
|
||||
<p>После применения изменений на странице, в экранной форме пользовательского приложения, мы видим, что на странице отображаются таблица и блок фильтрации с компонентой “Фильтр по полю ввода с подбором значения” (рис.8 - рис.13)</p>
|
||||
|
||||
<div class="table-wrap">
|
||||
|
||||
<table border="0" class="table table-striped">
|
||||
<tbody>
|
||||
|
||||
<tr class="odd">
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../../attachments/23206977/23207022.png" width="400" alt="" /></p>
|
||||
</div></td>
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../../attachments/23206977/23207017.png" width="400" alt="" /></p>
|
||||
</div></td>
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../../attachments/23206977/23207018.png" width="400" alt="" /></p>
|
||||
</div></td>
|
||||
</tr>
|
||||
|
||||
<tr class="even">
|
||||
|
||||
<td>
|
||||
<p>рис.8 Открытие страницы.</p>
|
||||
|
||||
<p>В таблице указаны все задачи всех постановщиков.</p>
|
||||
|
||||
<p>После ввода первой буквы будущей строки с фамилией пока ничего не происходит.</p></td>
|
||||
|
||||
<td>
|
||||
<p>рис. 9 Активизация компоненты после ввода второй буквы будущей строки с фамилией.</p>
|
||||
|
||||
<p>Компонента согласно своим настройкам начинает предлагать варианты, в которых содержится сочетание букв "ро" (как в начале, так и любом месте строки).</p></td>
|
||||
|
||||
<td>рис.10 После ввода дополнительных букв будущей строки фамилии компонента сужает список предлагаемых вариантов.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="table-wrap">
|
||||
|
||||
<table border="0" class="table table-striped">
|
||||
<tbody>
|
||||
|
||||
<tr class="odd">
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../../attachments/23206977/23207019.png" width="400" alt="" /></p>
|
||||
</div></td>
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../../attachments/23206977/23207020.png" width="400" alt="" /></p>
|
||||
</div></td>
|
||||
|
||||
<td>
|
||||
<div class="content-wrapper">
|
||||
|
||||
<p><img src="../../../attachments/23206977/23207025.png" width="400" alt="" /></p>
|
||||
</div></td>
|
||||
</tr>
|
||||
|
||||
<tr class="even">
|
||||
|
||||
<td>
|
||||
<p>рис.11 Выбор одного из вариантов и поиск следующего.</p>
|
||||
|
||||
<p>Клавишей ввод на клавиатуре подтверждаем первую фамилию из списка, предложенного компонентой.</p>
|
||||
|
||||
<p>Продолжаем набирать буквы для поиска фамилии следующего постановщика задачи.</p></td>
|
||||
|
||||
<td>
|
||||
<p>рис.12 Выбор одновременно двух сотрудников осуществлен.</p>
|
||||
|
||||
<p>Нажимаем кнопку "Применить", чтобы система отфильтровала список задач, в которых постановщиками являются эти сотрудники</p></td>
|
||||
|
||||
<td>рис.13 Система отфильтровала список задач только по тем сотрудникам, которые были указаны в компоненте как постановщики задач</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="pageSectionHeader">
|
||||
<section>
|
||||
<h2><a name="Attachments:"></a>Attachments:</h2>
|
||||
</div>
|
||||
|
||||
<div class="greybox" data-align="left">
|
||||
|
||||
<p><img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23206979.png">image2019-3-21_15-57-49.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23206980.png">image2019-3-21_16-2-40.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23206981.png">image2019-3-21_16-6-51.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23206982.png">image2019-3-22_15-18-48.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23206983.png">image2019-3-22_15-20-9.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23206984.png">image2019-3-22_15-21-11.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23206985.png">image2019-3-22_15-22-3.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23206986.png">image2019-3-22_15-23-18.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23206987.png">image2019-3-22_15-23-43.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23206988.png">image2019-3-22_15-25-5.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23206989.png">image2019-3-22_15-25-35.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23206990.png">image2019-3-22_15-26-36.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23206991.png">image2019-3-22_15-30-3.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23206992.png">image2019-3-22_15-30-18.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23206993.png">image2019-3-22_15-32-51.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23207004.png">image2019-4-10_15-37-9.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23207005.png">image2019-4-10_15-41-23.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23207006.png">image2019-4-10_16-39-56.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23207008.png">image2019-4-10_16-48-47.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23207010.png">image2019-4-10_18-16-58.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23207011.png">image2019-4-10_18-20-12.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23207012.png">image2019-4-10_18-22-13.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23207015.png">image2019-4-10_18-46-36.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23207016.png">image2019-4-10_18-47-8.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23207017.png">image2019-4-10_18-47-41.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23207018.png">image2019-4-10_18-48-6.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23207019.png">image2019-4-10_18-48-28.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23207020.png">image2019-4-10_18-48-42.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23207021.png">image2019-4-10_18-48-55.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23207022.png">image2019-4-10_18-49-15.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23207025.png">image2019-4-11_10-34-31.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23207095.png">image2019-4-11_15-37-26.png</a> (image/png)<br />
|
||||
<img src="images/icons/bullet_blue.gif" alt="" /> <a href="../../../attachments/23206977/23207097.png">image2019-4-11_15-38-18.png</a> (image/png)</p>
|
||||
</div></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,116 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/filters/Фильтр_по_выпадающему_списку.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Фильтр по выпадающему списку</title>
|
||||
<link rel="stylesheet" href="../../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../../css/print.css" media="print" />
|
||||
<script src="../../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Фильтр по выпадающему списку</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Фильтр по выпадающему списку</b> - это видоизмененная компонента <i><a href="../Выпадающий_список.md">выпадающий список</a></i>, дополненная функцией поиска в связанной с ней компоненте <i><a href="../../grids/Таблица.md">Таблица</a></i> по введенному пользователем значению. Иерархически обязательно должна быть расположена внутри компоненты <i><a href="../../containers/Набор_фильтров.md">Набор фильтров</a>,</i> в качестве параметра содержит указание на колонку таблицы, по которой осуществляется поиск. В зависимости от настроек родительской компоненты <i><a href="../../containers/Набор_фильтров.md">Набор фильтров</a></i> в запущенном приложении выполняет поиск либо только после нажатия соответствующей кнопки (компонента <a href="../../buttons/Кнопка_для_фильтрации.md">Кнопка для фильтрации</a>), либо по мере ввода пользователем искомого значения (так называемый, “живой поиск”).</p>
|
||||
<p>Компонента <b>Фильтр по выпадающему списку</b> находится в разделе <b>Фильтры - Фильтр по выпадающему списку</b>.</p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../../control-properties.md">набор общих свойств</a>, <a href="../../Заполнить_значением_по_умолчанию.md">заполнить значением по умолчанию</a>. <a href="../Выпадающий_список.md">Выпадающий список</a>, <a href="../../Подгрузка_данных.md">Подгрузка данных</a>, <a href="Фильтр_по_дате.html">Фильтр по дате</a>, <a href="../../Заполнить_значением_из_переменной_процесса.md">Заполнить значением из переменной процесса</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Подсказка </td>
|
||||
<td> позволяет создать подсказку, расположенную внутри элемента </td>
|
||||
<td> пример возможного значения: Введите год </td></tr>
|
||||
<tr class="a">
|
||||
<td> Надпись </td>
|
||||
<td> позволяет задать наименование поля, которое будет отображаться на странице </td>
|
||||
<td> пример возможного значения:Отчетный год </td></tr>
|
||||
<tr class="b">
|
||||
<td> Зависит от </td>
|
||||
<td> позволяет указать объект (родителя), например<i>Выпадающий список</i>, по идентификатору которого будут отображаться сведения в текущем зависимом элементе </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Initial value </td>
|
||||
<td> позволяет задать значение поля по умолчанию, которое будет отображаться на странице </td>
|
||||
<td> пример возможного значения: 2019 </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<h1>Функции</h1>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b>Добавить скрипт</b>.</p>
|
||||
<p>Вследствие технических особенностей реализации функций (функции, которые выполняются удаленно на сервере приложений, функции, которые выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section><section><section>
|
||||
<h4><a name="C.D0.BE.D1.85.D1.80.D0.B0.D0.BD.D0.B8.D1.82.D1.8C_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.B2_.D0.BF.D0.B5.D1.80.D0.B5.D0.BC.D0.B5.D0.BD.D0.BD.D1.83.D1.8E_.D0.BF.D1.80.D0.BE.D1.86.D0.B5.D1.81.D1.81.D0.B0_.D0.BB.D1.8E.D0.B1.D0.BE.D0.B3.D0.BE_.D1.82.D0.B8.D0.BF.D0.B0"></a>Cохранить значение в переменную процесса любого типа</h4>
|
||||
<p><a href="../../Сохранить_значение_в_переменную_процесса.md">сохранить значение в переменную процесса любого типа</a></p></section><section>
|
||||
<h4><a name="a.D0.97.D0.B0.D0.BF.D0.BE.D0.BB.D0.BD.D0.B8.D1.82.D1.8C_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5.D0.BC_.D0.B8.D0.B7_.D0.BF.D0.B5.D1.80.D0.B5.D0.BC.D0.B5.D0.BD.D0.BD.D0.BE.D0.B9_.D0.BB.D1.8E.D0.B1.D0.BE.D0.B3.D0.BE_.D1.82.D0.B8.D0.BF.D0.B0"></a>Заполнить значением из переменной любого типа</h4>
|
||||
<p><a href="../../Заполнить_значением_из_переменной_процесса.md">Заполнить значением из переменной любого типа</a></p></section></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p></section></section><section>
|
||||
<h2><a name="a.D0.9C.D0.B5.D1.82.D0.BE.D0.B4.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D0.B5_.D1.80.D0.B5.D0.BA.D0.BE.D0.BC.D0.B5.D0.BD.D0.B4.D0.B0.D1.86.D0.B8.D0.B8_.D0.BF.D0.BE_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E"></a>Методические рекомендации по применению</h2>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_элемент_Фильтр_по_выпадающему_списку_на_страницу_.html">Как добавить элемент Фильтр по выпадающему списку на страницу?</a></li>
|
||||
</ul></section><section>
|
||||
<h2><a name="a.D0.A7.D0.B0.D1.81.D1.82.D0.BE_.D0.B7.D0.B0.D0.B4.D0.B0.D0.B2.D0.B0.D0.B5.D0.BC.D1.8B.D0.B5_.D0.B2.D0.BE.D0.BF.D1.80.D0.BE.D1.81.D1.8B"></a>Часто задаваемые вопросы</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Можно ли в Фильтре по выпадающему списку ввести значение в ручную? </td>
|
||||
<td> Нет.Фильтр по выпадающему списку не подразумевает под собой ввод значений вручную. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Все ли свойства компоненты обязательны для заполнения? </td>
|
||||
<td> Нет.Свойства компоненты определяются в зависимости от решаемой задачи. </td></tr>
|
||||
</tbody>
|
||||
</table></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,140 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/filters/Фильтр_по_дате.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Фильтр по дате</title>
|
||||
<link rel="stylesheet" href="../../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../../css/print.css" media="print" />
|
||||
<script src="../../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Фильтр по дате</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Фильтр по дате</b> - это видоизмененная компонента Дата, дополненная функцией поиска в связанной с ней компоненте Таблица по введенному пользователем значению. Иерархически обязательно должна быть расположена внутри компоненты Набор фильтров, в качестве параметра содержит указание на колонку таблицы, по которой осуществляется поиск. В зависимости от настроек родительской компоненты Набор фильтровв запущенном приложении выполняет поиск либо только после нажатия соответствующей кнопки (компонента Кнопка для фильтрации), либо по мере ввода пользователем искомого значения (так называемый, “живой поиск”).</p>
|
||||
<p>Компонента <b>Фильтр по дате</b> находится в разделе <b>Фильтры - Фильтр по дате</b>.</p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../../control-properties.md">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Подсказка </td>
|
||||
<td> позволяет создать подсказку, расположенную внутри элемента </td>
|
||||
<td> пример возможного значения:Введите год </td></tr>
|
||||
<tr class="a">
|
||||
<td> Надпись </td>
|
||||
<td> позволяет задать наименование поля, которое будет отображаться на странице </td>
|
||||
<td> пример возможного значения: Год </td></tr>
|
||||
<tr class="b">
|
||||
<td> Initial value </td>
|
||||
<td> позволяет задать значение поля по умолчанию, которое будет отображаться на странице </td>
|
||||
<td> пример возможного значения: 01.01.2017 </td></tr>
|
||||
<tr class="a">
|
||||
<td> Минимальная дата </td>
|
||||
<td> позволяет задать минимально возможное значение числа, меньше которого пользователь ввести не сможет </td>
|
||||
<td> пример возможного значения:01.01.2017 </td></tr>
|
||||
<tr class="b">
|
||||
<td> Максимальная дата </td>
|
||||
<td> позволяет задать максимально возможное значение числа, больше которого пользователь ввести не сможет </td>
|
||||
<td> <i>пример возможного значения:</i> 31.12.2017 </td></tr>
|
||||
<tr class="a">
|
||||
<td> формат </td>
|
||||
<td> позволяет задать формат для вывода даты со временем или только дату </td>
|
||||
<td> </td></tr>
|
||||
<tr class="b">
|
||||
<td> В виде календаря </td>
|
||||
<td> позволяет задать возможность отображения в виде развернутого календаря </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table><section><section><section>
|
||||
<h4><a name="a.D0.A1.D0.B2.D0.BE.D0.B9.D1.81.D1.82.D0.B2.D0.BE_.D0.A4.D0.B8.D0.BB.D1.8C.D1.82.D1.80.D0.B0_.D0.BF.D0.BE_.D0.B4.D0.B0.D1.82.D0.B5:_.D0.97.D0.B0.D0.B4.D0.B0.D1.82.D1.8C_.D0.BE.D0.BF.D0.B5.D1.80.D0.B0.D1.86.D0.B8.D1.8E_.D1.84.D0.B8.D0.BB.D1.8C.D1.82.D1.80.D0.B0.D1.86.D0.B8.D0.B8"></a>Свойство Фильтра по дате: Задать операцию фильтрации</h4>
|
||||
<p>Операция - позволяет задать условие, по которому будет осуществляться фильтрация данных по введенному пользователем значению</p>
|
||||
<p><i>пример возможного значения:</i> Равно</p>
|
||||
<p><img src="../../../attachments/23203584/23204940.png" alt="" /></p></section><section>
|
||||
<h4><a name="a.D0.A1.D0.B2.D0.BE.D0.B9.D1.81.D1.82.D0.B2.D0.BE_.D0.A4.D0.B8.D0.BB.D1.8C.D1.82.D1.80.D0.B0_.D0.BF.D0.BE_.D0.B4.D0.B0.D1.82.D0.B5:_.D0.9D.D0.B0.D1.81.D1.82.D1.80.D0.BE.D0.B8.D1.82.D1.8C_.D0.BA.D0.BE.D0.BB.D0.BE.D0.BD.D0.BA.D0.B8_.D1.84.D0.B8.D0.BB.D1.8C.D1.82.D1.80.D0.B0.D1.86.D0.B8.D0.B8"></a>Свойство Фильтра по дате: Настроить колонки фильтрации</h4>
|
||||
<p><img src="../../../attachments/23203584/23203950.png" alt="" /></p>
|
||||
<p>Фильтровать по - позволяет указать таблицу и колонку базы данных, к которой будет применяться фильтрация.</p>
|
||||
<p>Выбор таблицы и колонки базы данных в данном свойстве будет доступен только после заполнения свойства “Применить к…” у <i><a href="../../containers/Набор_фильтров.md">Набора фильтрации</a></i> <img src="../../../attachments/23203584/23203970.png" alt="" /></p>
|
||||
<p><i>пример возможного значения:</i> <img src="../../../attachments/23203584/23204944.png" alt="" /></p></section></section></section><section>
|
||||
<h2><a name="a.D0.A1.D0.B2.D0.BE.D0.B9.D1.81.D1.82.D0.B2.D0.BE_.D0.A4.D0.B8.D0.BB.D1.8C.D1.82.D1.80.D0.B0_.D0.BF.D0.BE_.D0.B4.D0.B0.D1.82.D0.B5:_.D0.97.D0.B0.D0.BF.D0.BE.D0.BB.D0.BD.D0.B8.D1.82.D1.8C_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5.D0.BC_.D0.B8.D0.B7_.D0.BF.D0.B5.D1.80.D0.B5.D0.BC.D0.B5.D0.BD.D0.BD.D0.BE.D0.B9"></a>Свойство Фильтра по дате: Заполнить значением из переменной</h2>
|
||||
<p>позволяет указать переменную процесса, значение которой будет передаваться в поле и отображаться по умолчанию</p></section><section>
|
||||
<h2><a name="a.D0.A4.D1.83.D0.BD.D0.BA.D1.86.D0.B8.D0.B8"></a>Функции</h2>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b>Добавить скрипт</b></p>
|
||||
<p>Вследствие технических особенностей реализации функции (функции выполняются удаленно на сервере приложений, функции выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section>
|
||||
<h3><a name="C.D0.BE.D1.85.D1.80.D0.B0.D0.BD.D0.B8.D1.82.D1.8C_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.B2_.D0.BF.D0.B5.D1.80.D0.B5.D0.BC.D0.B5.D0.BD.D0.BD.D1.83.D1.8E_.D0.BF.D1.80.D0.BE.D1.86.D0.B5.D1.81.D1.81.D0.B0"></a>Cохранить значение в переменную процесса</h3>
|
||||
<p><a href="../../Сохранить_значение_в_переменную_процесса.md">сохранить значение в переменную процесса любого типа</a></p></section><section>
|
||||
<h3><a name="a.D0.97.D0.B0.D0.BF.D0.BE.D0.BB.D0.BD.D0.B8.D1.82.D1.8C_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5.D0.BC_.D0.B8.D0.B7_.D0.BF.D0.B5.D1.80.D0.B5.D0.BC.D0.B5.D0.BD.D0.BD.D0.BE.D0.B9"></a>Заполнить значением из переменной</h3>
|
||||
<p><a href="../../Заполнить_значением_из_переменной_процесса.md">Заполнить значением из переменной любого типа</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p>
|
||||
<h1>Методические рекомендации по применению</h1>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_элемент_Фильтр_по_дате_на_страницу_.html">Как добавить элемент Фильтр по дате на страницу?</a></li>
|
||||
</ul>
|
||||
<h1>Часто задаваемые вопросы</h1>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Можно ли вносить данные в поле вручную? </td>
|
||||
<td> Да, можно. При условии, что введенные значения соответствуют маске ввода. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Что будет если ввести буквенные значения в фильтр по дате? </td>
|
||||
<td> В поле Фильтр по дате можно ввести буквенные значения, но при переходе в другое поле, введенный текст очистится. </td></tr>
|
||||
</tbody>
|
||||
</table></section></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,115 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/filters/Фильтр_по_компоненте_Флаг.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Фильтр по компоненте Флаг</title>
|
||||
<link rel="stylesheet" href="../../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../../css/print.css" media="print" />
|
||||
<script src="../../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Фильтр по компоненте Флаг</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Фильтр по компоненте Флаг</b> - это видоизмененная компонента <i><a href="../Флаг.md">Флаг</a></i>, дополненная функцией поиска в связанной с ней компоненте <i><a href="../../grids/Таблица.md">Таблица</a></i> по введенному пользователем значению. Иерархически обязательно должна быть расположена внутри компоненты <i><a href="../../containers/Набор_фильтров.md">Набор фильтров</a>,</i> в качестве параметра содержит указание на колонку таблицы, по которой осуществляется поиск. В зависимости от настроек родительской компоненты <i><a href="../components/Набор_фильтров.md">Набор фильтров</a></i> в запущенном приложении выполняет поиск либо только после нажатия соответствующей кнопки (компонента <a href="../../buttons/Кнопка_для_фильтрации.md">Кнопка для фильтрации</a>), либо по мере ввода пользователем искомого значения (так называемый, “живой поиск”).</p>
|
||||
<p>Компонента <b>Фильтр по компоненте Флаг</b> находится в разделе <b>Фильтры - Фильтр по компоненте Флаг</b></p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../../control-properties.md">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Подсказка </td>
|
||||
<td> позволяет создать подсказку, расположенную внутри элемента </td>
|
||||
<td> пример возможного значения:Введите год </td></tr>
|
||||
<tr class="a">
|
||||
<td> Надпись </td>
|
||||
<td> позволяет задать наименование поля, которое будет отображаться на странице </td>
|
||||
<td> пример возможного значения: Год </td></tr>
|
||||
<tr class="b">
|
||||
<td> Initial value </td>
|
||||
<td> позволяет задать значение, которое примет компонента при открытии web-страницы, значение типа Boolean (TRUE, FALSE, UNDEFINED) </td>
|
||||
<td> TRUE, FALSE, UNDEFINED(по умолчанию)</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p><b>Свойство Фильтра: Задать операцию фильтрации</b></p>
|
||||
<p>позволяет задать условие, по которому будет осуществляться фильтрация данных по введенному пользователем значению</p>
|
||||
<p><b>Свойство Фильтра: Настроить колонки фильтрации</b></p>
|
||||
<p>позволяет указать таблицу и колонку базы данных, к которой будет применяться фильтрация</p>
|
||||
<p>Выбор таблицы и колонки базы данных в данном свойстве будет доступен только после заполнения свойства “Применить к…” у <i><a href="../../containers/Набор_фильтров.md">Набора фильтрации</a></i></p>
|
||||
<p>позволяет указать правило работы фильтрации в режиме MultiValue, когда пользователем выбраны несколько значений в компоненту.</p>
|
||||
<p>Данная настройка определяет оператор соединения для выбранных пользователем значений</p>
|
||||
<p><b>Свойство компоненты: Поле ввода с подбором значения.</b></p>
|
||||
<p><a href="../Поле_ввода_с_подбором_значения.md">Заполнить значением из переменной любого типа</a></p>
|
||||
<p>позволяет указать переменную процесса, значение которой будет передаваться в поле и отображаться по умолчанию</p>
|
||||
<p><b>Свойство компоненты: Поле ввода с подбором значения. Заполнить значением по умолчанию</b></p>
|
||||
<p><a href="../../Сохранить_значение_в_переменную_процесса.md">сохранить значение в переменную процесса любого типа</a></p>
|
||||
<p><a href="../../Заполнить_значением_из_переменной_процесса.md">заполнить значением из переменной любого типа</a></p>
|
||||
<p><a href="../../Склеить_несколько_значений.md">склеить несколько значений</a></p><section>
|
||||
<h2><a name="a.D0.9C.D0.B5.D1.82.D0.BE.D0.B4.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D0.B5_.D1.80.D0.B5.D0.BA.D0.BE.D0.BC.D0.B5.D0.BD.D0.B4.D0.B0.D1.86.D0.B8.D0.B8_.D0.BF.D0.BE_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E"></a>Методические рекомендации по применению</h2>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_задействовать_компоненту_Фильтр_по_Флагу_.html">Как задействовать компоненту Фильтр по Флагу?</a></li>
|
||||
</ul></section><section>
|
||||
<h2><a name="a.D0.A7.D0.B0.D1.81.D1.82.D0.BE_.D0.B7.D0.B0.D0.B4.D0.B0.D0.B2.D0.B0.D0.B5.D0.BC.D1.8B.D0.B5_.D0.B2.D0.BE.D0.BF.D1.80.D0.BE.D1.81.D1.8B"></a>Часто задаваемые вопросы</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> C какими типами данных применяется компонента Фильтр по комопненте Флаг?</td>
|
||||
<td> Поскольку возможными значениями компоненты Фильтр по компоненте Флаг (как и самой компоненты Флаг) являются логические значения, то обе компоненты работают с типом данных Boolean. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Все ли свойства компоненты обязательны для заполнения? </td>
|
||||
<td> Нет.Свойства компоненты определяются в зависимости от решаемой задачи. </td></tr>
|
||||
</tbody>
|
||||
</table></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,173 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/filters/Фильтр_по_полю_адреса_ФИАС.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Фильтр по полю адреса ФИАС</title>
|
||||
<link rel="stylesheet" href="../../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../../css/print.css" media="print" />
|
||||
<script src="../../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Фильтр по полю адреса ФИАС</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Фильтр по полю адреса ФИАС</b> - это видоизмененная компонента <a href="../Адрес.md">поле адреса ФИАС</a>, дополненная функцией поиска в связанной с ней компоненте <i><a href="../../grids/Таблица.md">Таблица</a></i> по введенному пользователем значению. Иерархически обязательно должна быть расположена внутри компоненты <i><a href="../../containers/Набор_фильтров.md">Набор фильтров</a>,</i> в качестве параметра содержит указание на колонку таблицы, по которой осуществляется поиск. В зависимости от настроек родительской компоненты <i><a href="../../containers/Набор_фильтров.md">Набор фильтров</a></i> в запущенном приложении выполняет поиск либо только после нажатия соответствующей кнопки (компонента <a href="../../buttons/Кнопка_для_фильтрации.md">Кнопка для фильтрации</a>), либо по мере ввода пользователем искомого значения (так называемый, “живой поиск”).</p>
|
||||
<p>Компонента <b>Фильтр по полю адреса ФИАС</b> находится в разделе <b>Фильтры - Фильтр по полю адреса ФИАС</b>.</p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="component/control-properties.html">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Подсказка </td>
|
||||
<td> позволяет создать подсказку, расположенную внутри элемента </td>
|
||||
<td> пример возможного значения: Выберите район </td></tr>
|
||||
<tr class="a">
|
||||
<td> Надпись </td>
|
||||
<td> позволяет задать наименование поля, которое будет отображаться на странице </td>
|
||||
<td> пример возможного значения: Район </td></tr>
|
||||
<tr class="b">
|
||||
<td> Минимальное количество символов </td>
|
||||
<td> позволяет задать количество символов, после ввода которых пользователем, компонента начинает подбор и вывод вариантов, соответствующих уже введенной пользователем подстроке </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Исторический адрес </td>
|
||||
<td> Если отметка поставлена, то компоненте предписывается осуществлять поиск не только по актуальным вариантам адресов, но и по историческим версиям этих адресов. Если отметка снята, то компоненте предписывается осуществлять поиск только по актуальным вариантам адресов, игнорируя исторические версии этих адресов. Информация о том, какой версией является то или иное наименование адреса (актуальной или исторической) компонента берет из федеральной информационной адресной системы в режиме чтения как исходное данное, и не осуществляет присвоение или снятие этого признака своей активностью. </td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>подбор только среди актуальных версий адресов - значение по умолчанию</li>
|
||||
<li>подбор среди актуальных и исторических версий адресов</li></ul> </td></tr>
|
||||
<tr class="b">
|
||||
<td> Фильтр по умолчанию </td>
|
||||
<td> Предписывает компоненте при отображении вариантов отфильтровать адреса по указанной в этом параметре подстроке. Используется как дополнительный предустановленный фильтр к подстроке, вводимой пользователем.</td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Количество строк </td>
|
||||
<td> Указывает компоненте максимально допустимое количество вариантов для отображения в выпадающем списке при подборе пользователем интересующего значения. </td>
|
||||
<td> </td></tr>
|
||||
<tr class="b">
|
||||
<td> Минимальный уровень адреса </td>
|
||||
<td> Ограничивает область поиска адреса по вводимой пользователем подстроке “сверху” - то есть указанным элементом адреса и его нижележащими в иерархии дочерними элементами. </td>
|
||||
<td> При указании “Минимального уровня поиска адреса” в значение “Субъект РФ” поиск по введенной пользователем в компоненту подстроке будет осуществляться по всем Субъектам РФ и по всем Районам субъекта, и по всем Городам, и по всем Районам города, и по всем Населенным пунктам, и по всем Улицам. Данную настройку могут ограничивать параметры:
|
||||
<ul>
|
||||
<li><i>“Фильтр по умолчанию”</i> - тогда поиск уже не по всем регионам (и прочим элементам), а только по тем, которые содержат подстроку из фильтра</li>
|
||||
<li><i>“Максимальный уровень адреса”</i> - тогда поиск будет опускаться по иерархии только до того уровня детализации, который указан в параметре <i>“Максимальный уровень адреса”</i> </li></ul> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Максимального уровня поиска адреса </td>
|
||||
<td> Ограничивает область поиска адреса по вводимой пользователем подстроке “снизу” - то есть указанным элементом адреса и его вышележащими в иерархии родительскими элементами. </td>
|
||||
<td> При указании “Максимального уровня поиска адреса” в значение “Улица” поиск по введенной пользователем в компоненту подстроке будет осуществляться по всем Улицам во всех Населенных пунктах, всех Районов города, всехГородов, всех Районов субъекта и всех Субъектов РФ. Данную настройку могут ограничивать параметры:
|
||||
<ul>
|
||||
<li>“Фильтр по умолчанию”* - тогда поиск уже не по всем улицам (и прочим родительским элементам), а только по тем, которые содержат подстроку из фильтра</li>
|
||||
<li><i>“Минимальный уровень адреса”</i> - тогда поиск будет подниматься по иерархии только до того уровня детализации, который указан в параметре*“Минимальный уровень адреса”</li></ul> </td></tr>
|
||||
<tr class="b">
|
||||
<td> Показывать краткий вид типа </td>
|
||||
<td> указывает компоненте на стиль отображения строки адреса - наименование адресных элементов (таких как город, улица, район и т.п.) отображать в принятых сокращениях (г., ул.,р-н) или полностью. </td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>отображать полные наименования адресных элементов - значение по умолчанию</li>
|
||||
<li>отображать сокращения адресных элементов</li></ul> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Операция </td>
|
||||
<td> позволяет задать условие, по которому будет осуществляться фильтрация данных по введенному пользователем значению </td>
|
||||
<td> </td></tr>
|
||||
<tr class="b">
|
||||
<td> Фильтровать по … </td>
|
||||
<td> позволяет указать таблицу и колонку базы данных, к которой будет применяться фильтрация </td>
|
||||
<td> Выбор таблицы и колонки базы данных в данном свойстве будет доступен только после заполнения свойства “Применить к…” у <i><a href="../../containers/Набор_фильтров.md">Набора фильтров</a></i> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Правило обработки MultiValue </td>
|
||||
<td> позволяет указать правило работы фильтрации в режиме MultiValue, когда пользователем выбраны несколько значений в компоненту. Данная настройка определяет оператор соединения для выбранных пользователем значений</td>
|
||||
<td> Значение по умолчанию - “или”. Данная настройка имеет значение только для компонентов, поддерживающих множественный ввод (возможность указания нескольких значений в строке поиска). Компонента Фильтр по полю адреса не поддерживает множественный ввод, поэтому выбор текущего параметра не повлияет на результаты. </td></tr>
|
||||
</tbody>
|
||||
</table><section><section><section>
|
||||
<h4><a name="a.D0.A1.D0.B2.D0.BE.D0.B9.D1.81.D1.82.D0.B2.D0.BE_.D0.BA.D0.BE.D0.BC.D0.BF.D0.BE.D0.BD.D0.B5.D0.BD.D1.82.D1.8B:_.D0.9F.D0.BE.D0.BB.D0.B5_.D0.B0.D0.B4.D1.80.D0.B5.D1.81.D0.B0_.D0.A4.D0.98.D0.90.D0.A1._.D0.9D.D0.B0.D1.81.D1.82.D1.80.D0.BE.D0.B9.D0.BA.D0.B0"></a>Свойство компоненты: Поле адреса ФИАС. Настройка</h4>
|
||||
<p><a href="../../Подгрузка_данных.md">Подгрузка данных</a></p>
|
||||
<p>Источник подгрузки значений адресов конфигурируется в файле standalone.xml проекта в секции datasource jndi-name=“java:jboss/datasources/fias-ds” pool-name=“FIASDS” enabled=“true” use-java-context=“true”.</p>
|
||||
<p>Настройка секции на источник данных происходит при инициации проекта техническим специалистом и используется аналитиком “как есть”. В составе компоненты настройка параметров подключения и подгрузки данных не осуществляется.</p>
|
||||
<h1>Функции</h1>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b>Добавить скрипт</b>.</p>
|
||||
<p>Вследствие технических особенностей реализации функций (функции, которые выполняются удаленно на сервере приложений,- функции, которые выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p></section></section><section>
|
||||
<h3><a name="a.D0.A1.D0.BE.D1.85.D1.80.D0.B0.D0.BD.D0.B8.D1.82.D1.8C_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.B2_.D0.BF.D0.B5.D1.80.D0.B5.D0.BC.D0.B5.D0.BD.D0.BD.D1.83.D1.8E_.D0.BF.D1.80.D0.BE.D1.86.D0.B5.D1.81.D1.81.D0.B0_.D0.BB.D1.8E.D0.B1.D0.BE.D0.B3.D0.BE_.D1.82.D0.B8.D0.BF.D0.B0"></a>Сохранить значение в переменную процесса любого типа</h3>
|
||||
<p><a href="../../Сохранить_значение_в_переменную_процесса.md">сохранить значение в переменную процесса любого типа</a></p></section><section>
|
||||
<h3><a name="a.D0.97.D0.B0.D0.BF.D0.BE.D0.BB.D0.BD.D0.B8.D1.82.D1.8C_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5.D0.BC_.D0.B8.D0.B7_.D0.BF.D0.B5.D1.80.D0.B5.D0.BC.D0.B5.D0.BD.D0.BD.D0.BE.D0.B9_.D0.BB.D1.8E.D0.B1.D0.BE.D0.B3.D0.BE_.D1.82.D0.B8.D0.BF.D0.B0"></a>Заполнить значением из переменной любого типа</h3>
|
||||
<p><a href="../../Заполнить_значением_из_переменной_процесса.md">заполнить значением из переменной любого типа</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.A1.D0.BA.D0.BE.D0.BD.D0.B2.D0.B5.D1.80.D1.82.D0.B8.D1.80.D0.BE.D0.B2.D0.B0.D1.82.D1.8C_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.B2_.D1.86.D0.B5.D0.BB.D0.BE.D1.87.D0.B8.D1.81.D0.BB.D0.B5.D0.BD.D0.BD.D1.8B.D0.B9_.D1.82.D0.B8.D0.BF"></a>Сконвертировать значение в целочисленный тип</h3>
|
||||
<p><a href="../../Сконвертировать_значение_в_целочисленный_тип.md">Сконвертировать значение в целочисленный тип</a></p></section><section>
|
||||
<h3><a name="a.D0.97.D0.B0.D0.BF.D0.BE.D0.BB.D0.BD.D0.B8.D1.82.D1.8C_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5.D0.BC_.D0.BF.D0.BE_.D1.83.D0.BC.D0.BE.D0.BB.D1.87.D0.B0.D0.BD.D0.B8.D1.8E"></a>Заполнить значением по умолчанию</h3>
|
||||
<p><a href="../../Заполнить_значением_по_умолчанию.md">Заполнить значением по умолчанию</a></p></section><section>
|
||||
<h3><a name="a.D0.9C.D0.B5.D1.82.D0.BE.D0.B4.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D0.B5_.D1.80.D0.B5.D0.BA.D0.BE.D0.BC.D0.B5.D0.BD.D0.B4.D0.B0.D1.86.D0.B8.D0.B8_.D0.BF.D0.BE_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E"></a>Методические рекомендации по применению</h3>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_задействовать_компоненту_Фильтр_по_полю_адреса_ФИАС_на_странице_.html">Как задействовать компоненту “Фильтр по полю адреса ФИАС” на странице?</a></li>
|
||||
</ul>
|
||||
<h1>Часто задаваемые вопросы</h1>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Значение какого типа возвращает компонента? </td>
|
||||
<td> В общем случае компонента возвращает значение тестового типа в виде длинного идентификатора (для поиска записи в базе данных). Для использования значения выбранного адреса на экранной форме посредством компоненты Обработка событий, аналитику доступны несколько методов, которые возвращают разные значения. </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>В условиях сравнения компоненты Обработка событий могут использоваться методы:</p>
|
||||
<p>Метод “Получить значение” возвращает идентификатор (так называемый GUID) выбранного адреса в строковом виде, например: {“version”:“1.0”,“aoid”:“b026a0f9-9478-4c61-a55f-95b38cb099c1”,“aoid_p1”:“c6d874d0-a7e8-46a1-b345-e2e1e9758c59”,“aoid_p2”:“625866a1-1278-4883-8dc5-ba34e0c463c4”,“aoid_p3”:“fc50add0-c3c7-4f07-99cd-8831166e6619”,“aoid_p4”:null,“aoid_p5”:null,“guid”:“b026a0f9-9478-4c61-a55f-95b38cb099c1”}</p>
|
||||
<p>Метод “Получить значение как текст” возвращает строку адреса в человекочитаемом виде в строковом виде, например “Респ Дагестан, р-н Буйнакский, с Верхнее Казанище, ул Ленина”</p>
|
||||
<p>В секции Тогдакомпоненты Обработка событий могут использоваться методы:</p>
|
||||
<p>Метод"ФИАС.Задать значение" выставляет в компоненте адрес по идентификатору GUID ({“version”:“1.0”,“aoid”:“b026a0f9-9478-4c61-a55f-95b38cb099c1”,“aoid_p1”:“c6d874d0-a7e8-46a1-b345-e2e1e9758c59”,“aoid_p2”:“625866a1-1278-4883-8dc5-ba34e0c463c4”,“aoid_p3”:“fc50add0-c3c7-4f07-99cd-8831166e6619”,“aoid_p4”:null,“aoid_p5”:null,“guid”:“b026a0f9-9478-4c61-a55f-95b38cb099c1”}). Используется для полей - приемника информации об адресе (как показано на скриншоте).</p>
|
||||
<p>Метод “ФИАС.Получить значение” возвращает значение - идентификатор GUID, как из источника данных об адресе для последующей вставки в другое поле ФИАС.</p>
|
||||
<p>Метод "ФИАС.Получить значение"возвращает строку адреса в человекочитаемом виде в строковом виде,как из источника данных об адресе для последующей вставки в другое читаемое тестовое поле (например, Компонент Текстовое поле).</p></section></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,241 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/filters/Фильтр_по_полю_ввода_с_подбором_значения.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Фильтр по полю ввода с подбором значения</title>
|
||||
<link rel="stylesheet" href="../../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../../css/print.css" media="print" />
|
||||
<script src="../../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Фильтр по полю ввода с подбором значения</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Фильтр по полю ввода с подбором значения</b> - это видоизмененная компонента <i><a href="../Поле_ввода_с_подбором_значения.md">Поле ввода с подбором значения</a></i>, дополненная функцией поиска в связанной с ней компоненте <i><a href="../../grids/Таблица.md">Таблица</a></i> по введенному пользователем значению. Иерархически обязательно должна быть расположена внутри компоненты <i><a href="../../containers/Набор_фильтров.md">Набор фильтров</a>,</i> в качестве параметра содержит указание на колонку таблицы, по которой осуществляется поиск. В зависимости от настроек родительской компоненты <i><a href="../../containers/Набор_фильтров.md">Набор фильтров</a></i> в запущенном приложении выполняет поиск либо только после нажатия соответствующей кнопки (компонента <a href="../../buttons/Кнопка_для_фильтрации.md">Кнопка для фильтрации</a>), либо по мере ввода пользователем искомого значения (так называемый, “живой поиск”).</p>
|
||||
<p>Компонента <b>Фильтр по полю ввода с подбором значения</b> находится в разделе <b>Фильтры - Фильтр по полю ввода с подбором значения</b>.</p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../../control-properties.md">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Подсказка </td>
|
||||
<td> позволяет создать подсказку, расположенную внутри элемента </td>
|
||||
<td> пример возможного значения: Выберите район </td></tr>
|
||||
<tr class="a">
|
||||
<td> Надпись </td>
|
||||
<td> позволяет задать наименование поля, которое будет отображаться на странице </td>
|
||||
<td> пример возможного значения: Район </td></tr>
|
||||
<tr class="b">
|
||||
<td> Зависит от </td>
|
||||
<td> позволяет указать объект (родителя), например <i>Выпадающий список</i>, по идентификатору которого будут отображаться сведения в текущем зависимом элементе </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Начать подбор вариантов </td>
|
||||
<td> позволяет задать количество символов, после ввода которых пользователем, компонента начинает подбор и вывод вариантов, соответствующих уже введенной пользователем подстроке </td>
|
||||
<td> пример возможного значения: 3 </td></tr>
|
||||
<tr class="b">
|
||||
<td> Допустимое количество для MultiValue </td>
|
||||
<td> позволяет указать количество значений, которое может выбрать пользователь при работе с компонентой (включение режима MultiValue) </td>
|
||||
<td> пример возможного значения: 4 </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p><b>Свойство компоненты: Поле ввода с подбором значения. Подгрузка данных</b></p>
|
||||
<p><a href="../../Подгрузка_данных.md">Подгрузка данных</a> - позволяет задать источник подгрузки/сохранения данных в компоненту из/в объекта базы данных (таблицы или представления) с указанием следующих дополнительных настроек:</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Возвращать значение доп.колонки </td>
|
||||
<td>по умолчанию компонента возвращает идентификатор записи выбранной из справочника значений (primary_key) </td>
|
||||
<td> Настройка данного параметра позволяет указать компоненте, значение из какой дополнительной колонки необходимо дополнительно считать и вернуть при использовании метода “Получить значение BusinessId” </td></tr>
|
||||
<tr class="a">
|
||||
<td> Связаны по… </td>
|
||||
<td> позволяет указать колонку текущей компоненты, по которой осуществляется связь с компонентой, указанной в свойстве “Зависит от”, обеспечивающую связь между родительской и текущей компонентами </td>
|
||||
<td> </td></tr>
|
||||
<tr class="b">
|
||||
<td> Тип поиска </td>
|
||||
<td> позволяет задать один из вариантов поиска по вводимой пользователем подстроке </td>
|
||||
<td> С начала строки (значение отображается в списке, если с введенной пользователем подстроки начинается значение колонки из базы данных). Во всей строке (значение отображается в списке, если введенная пользователем подстрока содержится в значении колонки из базы данных с любого места вхождения) </td></tr>
|
||||
<tr class="a">
|
||||
<td> Сортировать по </td>
|
||||
<td> позволяет задать элемент базы данных, по значению которого будет производиться сортировка </td>
|
||||
<td> </td></tr>
|
||||
<tr class="b">
|
||||
<td> Тип колонки </td>
|
||||
<td> позволяет указать , каким образом будет отображаться выбранное пользователем значение в компоненте </td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>Из одной колонки</li>
|
||||
<li>Из нескольких колонок</li>
|
||||
<li>Колонка с оформлением</li></ul> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Показывать пользователю </td>
|
||||
<td> позволяет задать колонку базы данных, значение которой будет отображено пользователю в режиме "" </td>
|
||||
<td> </td></tr>
|
||||
<tr class="b">
|
||||
<td> Активировать фильтрацию по колонке </td>
|
||||
<td> позволяет указать колонку текущей компоненты, по которой можно с использованием метода “Задать фильтр” компоненты “Обработка события” дополнительно ограничить список доступных для выбора пользователем значений </td>
|
||||
<td> Выставленное в методе значение фильтра будет применено к указанной колонке </td></tr>
|
||||
<tr class="a">
|
||||
<td> Граф сущностей </td>
|
||||
<td> <a href="../../Настройка_Графа_сущностей.md">Настройка Графа сущностей</a> </td>
|
||||
<td> Является обязательным к заполнению и настройке </td></tr>
|
||||
<tr class="b">
|
||||
<td> Показывать варианты по </td>
|
||||
<td> позволяет ограничить список отображаемых вариантов в процессе подбора по подстроке </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p><i>Тип колонки</i> - позволяет указать , каким образом будет отображаться выбранное пользователем значение в компоненте</p>
|
||||
<ul>
|
||||
|
||||
<li>Из одной колонки</li>
|
||||
<li>Из нескольких колонок</li>
|
||||
<li>Колонка с оформлением</li>
|
||||
</ul>
|
||||
<p><i>Из нескольких колонок</i> - позволяет указать, что видимое пользователю значение должно быть сформировано путем объединения значений из нескольких колонок источника данных компоненты. Для тонкой настройки параметров объединения значений разных колонок, аналитик может задать свойства:</p>
|
||||
<ul>
|
||||
|
||||
<li><b>префикс</b> - символ или текст, который будет отображаться перед подгружаемым значением из колонки базы данных,например символ открывающейся скобки (;</li>
|
||||
<li>постфикс- символ или текст, который будет отображаться после подгружаемого значения из колонки базы данных,например символ закрывающейся скобки );</li>
|
||||
<li>разделитель- символ или пробел, который будет разделять между собой значения из разных колонок таблиц (ы), объединяемых в одно значение</li>
|
||||
</ul>
|
||||
<p><i>Тип колонки</i> - позволяет указать , каким образом будет отображаться выбранное пользователем значение в компоненте</p>
|
||||
<ul>
|
||||
|
||||
<li>Из одной колонки</li>
|
||||
<li>Из нескольких колонок</li>
|
||||
<li><b>Колонка с оформлением</b></li>
|
||||
</ul>
|
||||
<p>Колонка с оформлением - позволяет задать шаблон отображения одной или нескольких колонок в html формате. Колонки в шаблоне задаются в виде @{сущность из графа.колонка} или @{сущность из графа.колонка | форматер}. Форматер принимает одно из двух значений “date” и “datetime”.</p>
|
||||
<p><b>Свойство Фильтра : Задать операцию фильтрации</b></p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Операция </td>
|
||||
<td> позволяет задать условие, по которому будет осуществляться фильтрация данных по введенному пользователем значению </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p><b>Свойство Фильтра: Настроить колонки фильтрации</b></p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Фильтровать по </td>
|
||||
<td> позволяет указать таблицу и колонку базы данных, к которой будет применяться фильтрация </td>
|
||||
<td> Выбор таблицы и колонки базы данных в данном свойстве будет доступен только после заполнения свойства “Применить к…” у <i><a href="Набор_фильтров.html">Набора фильтрации</a></i> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Правило обработки MultiValue значений </td>
|
||||
<td> позволяет указать правило работы фильтрации в режиме MultiValue, когда пользователем выбраны несколько значений в компоненту. </td>
|
||||
<td> Данная настройка определяет оператор соединения для выбранных пользователем значений </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p><b>Свойство компоненты: Поле ввода с подбором значения.</b></p>
|
||||
<p><a href="../Поле_ввода_с_подбором_значения.md">Заполнить значением из переменной любого типа</a></p>
|
||||
<h1>Функции</h1>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b>Добавить скрипт</b></p>
|
||||
<p>Вследствие технических особенностей реализации функций (функции, которые выполняются удаленно на сервере приложений. Функции, которые выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section><section>
|
||||
<h3><a name="a.D0.A1.D0.BE.D1.85.D1.80.D0.B0.D0.BD.D0.B8.D1.82.D1.8C_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.B2_.D0.BF.D0.B5.D1.80.D0.B5.D0.BC.D0.B5.D0.BD.D0.BD.D1.83.D1.8E_.D0.BF.D1.80.D0.BE.D1.86.D0.B5.D1.81.D1.81.D0.B0"></a>Сохранить значение в переменную процесса</h3>
|
||||
<p><a href="../../Сохранить_значение_в_переменную_процесса.md">Сохранить значение в переменную процесса</a></p></section><section>
|
||||
<h3><a name="a.D0.97.D0.B0.D0.BF.D0.BE.D0.BB.D0.BD.D0.B8.D1.82.D1.8C_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5.D0.BC_.D0.B8.D0.B7_.D0.BF.D0.B5.D1.80.D0.B5.D0.BC.D0.B5.D0.BD.D0.BD.D0.BE.D0.B9"></a>Заполнить значением из переменной</h3>
|
||||
<p><a href="../../Заполнить_значением_из_переменной_процесса.md">Заполнить значением из переменной</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.A1.D0.BA.D0.BE.D0.BD.D0.B2.D0.B5.D1.80.D1.82.D0.B8.D1.80.D0.BE.D0.B2.D0.B0.D1.82.D1.8C_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.B2_.D1.86.D0.B5.D0.BB.D0.BE.D1.87.D0.B8.D1.81.D0.BB.D0.B5.D0.BD.D0.BD.D1.8B.D0.B9_.D1.82.D0.B8.D0.BF"></a>Сконвертировать значение в целочисленный тип</h3>
|
||||
<p><a href="../../Сконвертировать_значение_в_целочисленный_тип.md">Сконвертировать значение в целочисленный тип</a></p></section><section>
|
||||
<h3><a name="a.D0.97.D0.B0.D0.BF.D0.BE.D0.BB.D0.BD.D0.B8.D1.82.D1.8C_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5.D0.BC_.D0.BF.D0.BE_.D1.83.D0.BC.D0.BE.D0.BB.D1.87.D0.B0.D0.BD.D0.B8.D1.8E"></a>Заполнить значением по умолчанию</h3>
|
||||
<p><a href="../../Заполнить_значением_по_умолчанию.md">Заполнить значением по умолчанию</a></p>
|
||||
<h1>Методические рекомендации по применению</h1>
|
||||
<p>Пошаговые инструкции по применению компонента в типовых задачах Вы можете найти в разделах:</p>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_задействовать_компоненту_Фильтр_по_полю_ввода_с_подбором_значения_на_странице_.html">Как задействовать компоненту “Фильтр по полю ввода с подбором значения” на странице?</a></li>
|
||||
</ul>
|
||||
<h1>Часто задаваемые вопросы</h1>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Чем отличается компонента Фильтр по полю ввода с подбором значения от компоненты Фильтр по выпадающему списку? </td>
|
||||
<td> Фильтр по полю ввода с подбором значения отличается от компоненты Фильтр по выпадающему списку тем, что не показывает и не подгружает сразу все строки из справочника, но по мере ввода пользователем подстроки предлагает всё более усеченный список вариантов, выводя только релевантные уже введенной подстроке значения. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Значение какого типа возвращает компонента? </td>
|
||||
<td> В общем случае может быть любым (чаще всего целочисленным или строковым).Тип возвращаемого компонентойзначения определяется выбором аналитиком метода, который возвращает значение, а также типом колонки в базе данных. </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>Метод “Получить значение” возвращает первичный ключ и тип такого значения зависит от типа колонки первичного ключа в базе данных (обычно целочисленный bigint).</p>
|
||||
<p>Метод “Получить значение по BussinessId” возвращает значение колонки, заданной в параметре компоненты "Дополнительно возвращать значение из " и определяется типом этой колонки в базе данных.</p>
|
||||
<p>Дополнительная функция “Сконвертировать значение в целочисленный тип” как раз используется для явной конвертации возвращаемого компонентой неопределенного типа (ANY) в явно желаемый Integer (например, при присвоении идентификатора строки выбранного в компоненте значения какой-либо переменной целого типа на странице) .</p></section></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,193 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/filters/Фильтр_по_полю_многострочного_ввода.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Фильтр по полю многострочного ввода</title>
|
||||
<link rel="stylesheet" href="../../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../../css/print.css" media="print" />
|
||||
<script src="../../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Фильтр по полю многострочного ввода</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Фильтр по полю многострочного ввода</b> - это видоизмененная компонента <i><a href="../Многострочное_поле.md">Многострочное поле</a></i>, дополненная функцией поиска в связанной с ней компоненте <i><a href="../../grids/Таблица.md">Таблица</a></i> по введенному пользователем значению. Иерархически обязательно должна быть расположена внутри компоненты <i><a href="../../containers/Набор_фильтров.md">Набор фильтров</a>,</i> в качестве параметра содержит указание на колонку таблицы, по которой осуществляется поиск. В зависимости от настроек родительской компоненты <i><a href="../../containers/Набор_фильтров.md">Набор фильтров</a></i> в запущенном приложении выполняет поиск либо только после нажатия соответствующей кнопки (компонента <a href="../../buttons/Кнопка_для_фильтрации.md">Кнопка для фильтрации</a>), либо по мере ввода пользователем искомого значения (так называемый, “живой поиск”).</p>
|
||||
<p>Компонента <b>Фильтр по полю многострочного ввода</b> находится в разделе <b>Фильтры - Фильтр по полю многострочного ввода</b>.</p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../../control-properties.md">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Подсказка </td>
|
||||
<td> позволяет создать подсказку, расположенную внутри элемента </td>
|
||||
<td> пример возможного значения: Введите название организации </td></tr>
|
||||
<tr class="a">
|
||||
<td> Надпись </td>
|
||||
<td> позволяет задать наименование поля, которое будет отображаться на странице </td>
|
||||
<td> пример возможного значения: Наименование организации </td></tr>
|
||||
<tr class="b">
|
||||
<td> Значение </td>
|
||||
<td> позволяет задать значение поля по умолчанию </td>
|
||||
<td> пример возможного значения: ООО “Форт” </td></tr>
|
||||
<tr class="a">
|
||||
<td> Максимальная длина </td>
|
||||
<td> задаёт максимальное количество вводимых символов в поле </td>
|
||||
<td> пример возможного значения: 10 </td></tr>
|
||||
<tr class="b">
|
||||
<td> Маска ограничивающая ввод </td>
|
||||
<td> позволяет задать маску, в соответствии с которой пользователь будет осуществлять ввод текста </td>
|
||||
<td> выставление маски не может обеспечить выполнение требования обязательности ввода, маска только внешне отфильтровывает и форматирует последовательность вводимых пользователем символов заранее заданным образом (например, ввод тел. номера “+ 7 (917) - 101 - 02 - 03” вместо “8917010203” или не допустит такого ввода “89170102АЯ”). См. ниже </td></tr>
|
||||
<tr class="a">
|
||||
<td> Оперировать немаскированными данными </td>
|
||||
<td> указывает системе порядок обработки символов маски при сохранении значения поля в базу данных </td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>значение не определено - по умолчанию</li>
|
||||
<li>сохранять без форматирования маской</li>
|
||||
<li>сохранять с форматированием маской</li></ul> Значение, отформатированное маской в поле ввода как “+7~(917)-922-33-44”, может быть сохранено в поле таблицы базы данных как “+7~(917)-922-33-44” (если флажок снят) или как “9179223344” (если флажок выставлен) </td></tr>
|
||||
<tr class="b">
|
||||
<td> Регистр </td>
|
||||
<td> позволяет задать вид регистра вводимого текста </td>
|
||||
<td>
|
||||
<ul>
|
||||
<li><i>в верхнем регистре</i> - заглавные (прописные) буквы</li>
|
||||
<li><i>в нижнем регистре</i> - строчные (маленькие) буквы</li>
|
||||
<li><i>первая буква - заглавная</i></li></ul> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Тип </td>
|
||||
<td> позволяет задать тип вводимого текста </td>
|
||||
<td>
|
||||
<ul>
|
||||
<li><i>обычный текст</i></li>
|
||||
<li><i>пароль (заполнитель - звездочки)</i></li>
|
||||
<li><i>электронная почта</i></li></ul> </td></tr>
|
||||
<tr class="b">
|
||||
<td> регулярное выражение </td>
|
||||
<td> позволяет задать проверку вводимого текста с помощью регулярных выражений </td>
|
||||
<td> См. ниже </td></tr>
|
||||
<tr class="a">
|
||||
<td> Операция </td>
|
||||
<td> позволяет задать условие, по которому будет осуществляться фильтрация данных по введенному пользователем значению </td>
|
||||
<td> </td></tr>
|
||||
<tr class="b">
|
||||
<td> Фильтровать по … </td>
|
||||
<td> В данном свойстве выбирается таблица и колонка к которой будет применяться фильтрация. Выбор таблице в данном свойстве будет доступен после заполнения свойства “Применить к…” у <b><a href="../../containers/Набор_фильтров.md">Набор фильтрации</a></b> </td>
|
||||
<td> </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<p>Примеры масок:</p>
|
||||
<ul>
|
||||
|
||||
<li>A (буква, латинская, регистр не имеет значения) в маске - позволит ввести в поле одну любую букву любого алфавита</li>
|
||||
<li>Б (буква, русская, в верхнем регистре) в маске - позволит ввести в поле одну любую букву русского алфавита</li>
|
||||
<li>9 (цифра) в маске - позволит ввести в поле одну любую цифру</li>
|
||||
<li>* (символ) в маске - позволит ввести в поле одну любую цифру или букву</li>
|
||||
<li>R (буква, латинская, в верхнем регистре) в маске - позволит ввести в поле одну римскую цифру</li>
|
||||
<li>? (символ) в маске - позволит ввести или опустить при вводе в поле один необязательный символ (букву, цифру) ,например 999?9; под эту маску подходит как 123, так и 1234</li>
|
||||
</ul>
|
||||
<p>Например, необходимо задать форматирование ввода маской для значения Й456QЬ. В данном случае маска будет выглядеть следующим образом: <b>А999АА, где А - латинская буква.</b></p>
|
||||
<p>Некоторые типовые регулярные выражения:</p>
|
||||
<ul>
|
||||
|
||||
<li>\d [0-9]- одна цифра от 0 до 9</li>
|
||||
<li>\D [^0-9]- любой символ кроме цифры</li>
|
||||
<li>\s- пробел</li>
|
||||
<li>[A-Z]- только заглавная латинская буква</li>
|
||||
<li>[A-Za-z]- только латинская буква в любом регистре</li>
|
||||
<li>[А-Яа-яЁё]- только русская буква в любом регистре</li>
|
||||
<li>[A-Za-zА-Яа-яЁё]- любая буква русского и латинского алфавита</li>
|
||||
<li>[0-9]{3}- три цифры</li>
|
||||
<li>[A-Za-z]{6,}- не менее шести латинских букв</li>
|
||||
<li>[0-9]{,3}- не более трёх цифр</li>
|
||||
<li>[0-9]{5,10}- от пяти до десяти цифр</li>
|
||||
<li>^[a-zA-Z]+$- любое слово на латинице</li>
|
||||
<li>^[А-Яа-яЁё\s]+$- любое слово на русском включая пробелы</li>
|
||||
<li>^[ 0-9]+$- любое число</li>
|
||||
</ul>
|
||||
<p><i>Например,</i> чтобы ограничить возможность ввода и сохранения текста латиницей, можно использовать регулярное выражение^[А-Яа-яЁё\s]+$</p>
|
||||
<h1>Функции</h1>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b>Добавить скрипт</b>.</p>
|
||||
<p>Вследствие технических особенностей реализации функций (функции, которые выполняются удаленно на сервере приложений, функции, которые выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section><section>
|
||||
<h3><a name="a.D0.A1.D0.BE.D1.85.D1.80.D0.B0.D0.BD.D0.B8.D1.82.D1.8C_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.B2_.D0.BF.D0.B5.D1.80.D0.B5.D0.BC.D0.B5.D0.BD.D0.BD.D1.83.D1.8E_.D0.BF.D1.80.D0.BE.D1.86.D0.B5.D1.81.D1.81.D0.B0"></a>Сохранить значение в переменную процесса</h3>
|
||||
<p><a href="../../Сохранить_значение_в_переменную_процесса.md">Сохранить значение в переменную процесса</a></p></section><section>
|
||||
<h3><a name="a.D0.97.D0.B0.D0.BF.D0.BE.D0.BB.D0.BD.D0.B8.D1.82.D1.8C_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5.D0.BC_.D0.B8.D0.B7_.D0.BF.D0.B5.D1.80.D0.B5.D0.BC.D0.B5.D0.BD.D0.BD.D0.BE.D0.B9_.D0.BF.D1.80.D0.BE.D1.86.D0.B5.D1.81.D1.81.D0.B0"></a>Заполнить значением из переменной процесса</h3>
|
||||
<p><a href="../../Заполнить_значением_из_переменной_процесса.md">Заполнить значением из переменной</a></p></section><section>
|
||||
<h3><a name="a.D0.97.D0.B0.D0.BF.D0.BE.D0.BB.D0.BD.D0.B8.D1.82.D1.8C_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5.D0.BC_.D0.BF.D0.BE_.D1.83.D0.BC.D0.BE.D0.BB.D1.87.D0.B0.D0.BD.D0.B8.D1.8E"></a>Заполнить значением по умолчанию</h3>
|
||||
<p><a href="../../Заполнить_значением_по_умолчанию.md">Заполнить значением по умолчанию</a></p></section><section>
|
||||
<h3><a name="a.D0.A1.D0.BA.D0.BB.D0.B5.D0.B8.D1.82.D1.8C_.D0.BD.D0.B5.D1.81.D0.BA.D0.BE.D0.BB.D1.8C.D0.BA.D0.BE_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B9"></a>Склеить несколько значений</h3>
|
||||
<p><a href="../../Склеить_несколько_значений.md">Склеить несколько значений</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p>
|
||||
<h1>Методические рекомендации по применению</h1>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_элемент_Фильтр_по_полю_многострочного_ввода_на_страницу_.html">Как добавить элемент Фильтр по полю многострочного ввода на страницу?</a></li>
|
||||
</ul>
|
||||
<h1>Часто задаваемые вопросы</h1>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Можно ли ввести число в Фильтр по полю многострочного ввода </td>
|
||||
<td> Да, можно. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Как можно ограничить количество ввода символов в поле? </td>
|
||||
<td> Для этого необходимо заполнить свойство "Максимальная длина </td></tr>
|
||||
<tr class="b">
|
||||
<td> Как можно расширить поиск вфильтрациипо полю многострочного ввода из приложения </td>
|
||||
<td> Поиск можно расширить с помощью проставлениязнака "%"рядом с вводимым значением в поле фильтрации. Пример приведен в статье по фильтрации по текстовому полю </td></tr>
|
||||
</tbody>
|
||||
</table></section></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,118 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/filters/Фильтр_по_статичному_выпадающему_списку.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Фильтр по статичному выпадающему списку</title>
|
||||
<link rel="stylesheet" href="../../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../../css/print.css" media="print" />
|
||||
<script src="../../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Фильтр по статичному выпадающему списку</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Фильтр по статичному выпадающему списку</b> - это видоизмененная компонента <a href="../Статичный_выпадающий_список.md">Статичный выпадающий список</a>, дополненная функцией поиска в связанной с ней компоненте <a href="../../grids/Таблица.md">Таблица</a> по введенному пользователем значению. Иерархически обязательно должна быть расположена внутри компоненты <a href="../../containers/Набор_фильтров.md">Набор фильтров</a>, в качестве параметра содержит указание на колонку таблицы, по которой осуществляется поиск. В зависимости от настроек родительской компоненты <a href="../../containers/Набор_фильтров.md">Набор фильтров</a> в запущенном приложении выполняет поиск либо только после нажатия соответствующей кнопки (компонента <a href="../../buttons/Кнопка_для_фильтрации.md">Кнопка для фильтрации</a>), либо по мере ввода пользователем искомого значения (так называемый, “живой поиск”).</p>
|
||||
<p>Компонента <b>Фильтр по статичному выпадающему списку</b> находится в разделе <b>Фильтры - Фильтр по статичному выпадающему списку</b>.</p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../../control-properties.md">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Подсказка </td>
|
||||
<td> позволяет создать подсказку, расположенную внутри элемента </td>
|
||||
<td> пример возможного значения: Введите год </td></tr>
|
||||
<tr class="a">
|
||||
<td> Надпись </td>
|
||||
<td> позволяет задать наименование поля, которое будет отображаться на странице </td>
|
||||
<td> пример возможного значения: Отчетный год </td></tr>
|
||||
<tr class="b">
|
||||
<td> Значение по умолчанию (initial value) </td>
|
||||
<td> позволяет задать значение поля по умолчанию, которое будет отображаться на странице </td>
|
||||
<td> пример возможного значения: 2019 </td></tr>
|
||||
<tr class="a">
|
||||
<td> Список значений </td>
|
||||
<td> позволяет задать список значений, которые будут отображаться в выпадающем списке
|
||||
<ul>
|
||||
<li>надпись - позволяет задать наименование элемента в списке значений</li>
|
||||
<li>значение - позволяет задать значение элемента, которое можно записать в базу данных</li>
|
||||
<li>скрыть - позволяет регулировать видимость элемента в списке значений</li></ul> </td>
|
||||
<td> надпись - “Отчетный год” значение-“2018” </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<h1>Функции</h1>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b>Добавить скрипт</b>.</p>
|
||||
<p>Вследствие технических особенностей реализации функций (функции, которые выполняются удаленно на сервере приложений, функции, которые выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section><section>
|
||||
<h3><a name="a.D0.A1.D0.BA.D0.BB.D0.B5.D0.B8.D1.82.D1.8C_.D0.BD.D0.B5.D1.81.D0.BA.D0.BE.D0.BB.D1.8C.D0.BA.D0.BE_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B9"></a>Склеить несколько значений</h3>
|
||||
<p><a href="../../Склеить_несколько_значений.md">Склеить несколько значений</a></p></section><section>
|
||||
<h3><a name="a.D0.A1.D0.BE.D1.85.D1.80.D0.B0.D0.BD.D0.B8.D1.82.D1.8C_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.B2_.D0.BF.D0.B5.D1.80.D0.B5.D0.BC.D0.B5.D0.BD.D0.BD.D1.83.D1.8E_.D0.BF.D1.80.D0.BE.D1.86.D0.B5.D1.81.D1.81.D0.B0"></a>Сохранить значение в переменную процесса</h3>
|
||||
<p><a href="../../Сохранить_значение_в_переменную_процесса.md">Сохранить значение в переменную процесса</a></p></section><section>
|
||||
<h3><a name="a.D0.97.D0.B0.D0.BF.D0.BE.D0.BB.D0.BD.D0.B8.D1.82.D1.8C_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5.D0.BC_.D0.B8.D0.B7_.D0.BF.D0.B5.D1.80.D0.B5.D0.BC.D0.B5.D0.BD.D0.BD.D0.BE.D0.B9_.D0.BF.D1.80.D0.BE.D1.86.D0.B5.D1.81.D1.81.D0.B0"></a>Заполнить значением из переменной процесса</h3>
|
||||
<p><a href="../../Заполнить_значением_из_переменной_процесса.md">Заполнить значением из переменной</a></p>
|
||||
<h1>Методические рекомендации по применению</h1>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_элемент_Фильтр_по_статичному_выпадающему_списку_на_страницу_.html">Как добавить элемент Фильтр по статичному выпадающему списку на страницу?</a></li>
|
||||
</ul>
|
||||
<h1>Часто задаваемые вопросы</h1>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Можно ли в Фильтре по статичному выпадающему списку ввести значение в ручную? </td>
|
||||
<td> Нет. Фильтр по статичному выпадающему списку не подразумевает под собой ввод значений вручную. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Сколько значений для Фильтра по статичному выпадающему списку является оптимальным? </td>
|
||||
<td> К заданию значений в фильтре по статичному выпадающему списку, необходимо подходить внимательно, так как задание 2 вариантов, так и 20 вариантов для выбора будет не совсем корректным. Если значений менее 5, то советую использовать Фильтр по флагу, если же необходимо выбрать более 15 значений, то предлагаюлибо сократить их количество, либо предоставить пользователю текстовое поле для ввода своих данных. </td></tr>
|
||||
</tbody>
|
||||
</table></section></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,181 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/filters/Фильтр_по_текстовому_полю.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Текстовое поле (фильтр)</title>
|
||||
<link rel="stylesheet" href="../../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../../css/print.css" media="print" />
|
||||
<script src="../../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Текстовое поле (фильтр)</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Текстовое поле (фильтр)</b> - это видоизмененная компонента Текст, дополненная функцией поиска в связанной с ней компоненте Таблица по введенному пользователем значению. Иерархически обязательно должна быть расположена внутри компоненты Набор фильтров, в качестве параметра содержит указание на колонку таблицы, по которой осуществляется поиск. В зависимости от настроек родительской компонентыНабор фильтровв запущенном приложении выполняет поиск либо только после нажатия соответствующей кнопки (компонентаКнопка для фильтрации), либо по мере ввода пользователем искомого значения (так называемый, “живой поиск”).</p>
|
||||
<p>Компонента <b>Текстовое поле (фильтр)</b> находится в разделе <b>Фильтры - Текстовое поле (фильтр)</b>.</p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../../control-properties.md">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Подсказка </td>
|
||||
<td> позволяет создать подсказку, расположенную внутри элемента </td>
|
||||
<td> пример возможного значения: Введите название организации </td></tr>
|
||||
<tr class="a">
|
||||
<td> Надпись </td>
|
||||
<td> позволяет задать наименование поля, которое будет отображаться на странице </td>
|
||||
<td> пример возможного значения: Наименование организации </td></tr>
|
||||
<tr class="b">
|
||||
<td> Значение </td>
|
||||
<td> позволяет задать значение поля по умолчанию </td>
|
||||
<td> пример возможного значения: ООО “Форт” </td></tr>
|
||||
<tr class="a">
|
||||
<td> Максимальная длина </td>
|
||||
<td> задаёт максимальное количество вводимых символов в поле </td>
|
||||
<td> пример возможного значения: 10 </td></tr>
|
||||
<tr class="b">
|
||||
<td> Оперировать немаскированными </td>
|
||||
<td> указывает системе порядок обработки символов маски при сохранении значения поля в базу данных </td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>значение не определено- по умолчанию</li>
|
||||
<li>сохранять без форматирования маской</li>
|
||||
<li>сохранять с форматированием маской</li></ul> Значение, отформатированное маской в поле ввода как “+7~(917)-922-33-44”, может быть сохранено в поле таблицы базы данных как “+7~(917)-922-33-44” (если флажок снят) или как “9179223344” (если флажок выставлен) </td></tr>
|
||||
<tr class="a">
|
||||
<td> Маска, ограничивающая ввод </td>
|
||||
<td> позволяет задать маску, в соответствии с которой пользователь будет осуществлять ввод текста </td>
|
||||
<td> выставление маски не может обеспечить выполнение требования обязательности ввода, маска только внешне отфильтровывает и форматирует последовательность вводимых пользователем символов заранее заданным образом (например, ввод тел. номера “+ 7 (917) - 101 - 02 - 03” вместо “8917010203” или не допустит такого ввода “89170102АЯ”). Примеры масок:
|
||||
<ul>
|
||||
<li>A (буква, латинская, регистр не имеет значения) в маске - позволит ввести в поле одну любую букву любого алфавита</li>
|
||||
<li>Б (буква, русская, в верхнем регистре) в маске - позволит ввести в поле одну любую букву русского алфавита</li>
|
||||
<li>9 (цифра) в маске - позволит ввести в поле одну любую цифру</li>
|
||||
<li> * (символ) в маске - позволит ввести в поле одну любую цифру или букву</li>
|
||||
<li>R (буква, латинская, в верхнем регистре) в маске - позволит ввести в поле одну римскую цифру</li>
|
||||
<li>[ ] (внутри квадратных скобок) в маске - позволит ввести или опустить при вводе в поле один или несколько необязательных символов (букву, цифру), например 999[9]; под эту маску подходит как 123, так и 1234 Например, необходимо задать форматирование ввода маской для значения Й456QЬ. В данном случае маска может выглядеть следующим образом: <b>Б999АА, где А - латинская буква</b>.</li></ul> </td></tr>
|
||||
<tr class="b">
|
||||
<td> Регистр </td>
|
||||
<td> позволяет задать вид регистра вводимого текста: </td>
|
||||
<td> <i>В верхнем регистре</i> - заглавные (прописные) буквы. <i>В нижнем регистре</i> - строчные (маленькие) буквы. <i>Первая буква - заглавная</i> </td></tr>
|
||||
<tr class="a">
|
||||
<td> тип </td>
|
||||
<td> позволяет задать тип вводимого текста </td>
|
||||
<td> <i>обычный текст</i>. <i>Пароль (заполнитель - звездочки)</i>. <i>Электронная почта</i> </td></tr>
|
||||
<tr class="b">
|
||||
<td> Регулярное выражение или Pattern </td>
|
||||
<td> позволяет задать проверку вводимого текста с помощью регулярных выражений поля, для которых не выполняются условия заданных регулярных выражений, при сохранении записи подсвечиваются красным оттенком и операция отменяется.</td>
|
||||
<td> Некоторые типовые регулярные выражения:
|
||||
<ul>
|
||||
<li>\d [0-9] - одна цифра от 0 до 9</li>
|
||||
<li>\D [^0-9] - любой символ кроме цифры</li>
|
||||
<li>\s - пробел</li>
|
||||
<li>[A-Z] - только заглавная латинская буква</li>
|
||||
<li>[A-Za-z] - только латинская буква в любом регистре</li>
|
||||
<li>[А-Яа-яЁё] - только русская буква в любом регистре</li>
|
||||
<li>[A-Za-zА-Яа-яЁё] - любая буква русского и латинского алфавита</li>
|
||||
<li><code>[0-9]{3}</code> - три цифры</li></ul> </td></tr>
|
||||
<tr class="a">
|
||||
<td> </td>
|
||||
<td> </td>
|
||||
<td>
|
||||
<ul>
|
||||
<li><code>[A-Za-z]{6,}</code>- не менее шести латинских букв</li>
|
||||
<li>[0-9]{,3} - не более трёх цифр</li>
|
||||
<li>[0-9]{5,10} - от пяти до десяти цифр</li>
|
||||
<li>^[a-zA-Z]+$ - любое слово на латинице</li>
|
||||
<li>^[А-Яа-яЁё\s]+$ - любое слово на русском включая пробелы</li>
|
||||
<li>^[ 0-9]+$ - любое число</li></ul> чтобы ограничить возможность ввода и сохранения текста латиницей, можно использовать регулярное выражение ^[А-Яа-яЁё\s]+$ </td></tr>
|
||||
<tr class="b">
|
||||
<td> Операция </td>
|
||||
<td> позволяет задать условие, по которому будет осуществляться фильтрация данных по введенному пользователем значению </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Фильтровать по… </td>
|
||||
<td> позволяет указать таблицу и колонку базы данных, к которой будет применяться фильтрация </td>
|
||||
<td> выбор таблицы и колонки базы данных в данном свойстве будет доступен только после заполнения свойства “Применить к…” у <a href="../../containers/Набор_фильтров.md">Набора фильтрации</a> </td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<h1>Функции</h1>
|
||||
<p>В ходе настройки свойств компоненты (заданных по умолчанию) может оказаться недостаточно для выполнения поставленной задачи и получения необходимого результата.</p>
|
||||
<p>Для каждой компоненты предусмотрен <b>перечень функций, расширяющих её базовую функциональность,</b> которые можно добавить нажатием кнопки <b>Добавить скрипт</b>.</p>
|
||||
<p>Вследствие технических особенностей реализации функций (функции, которые выполняются удаленно на сервере приложений, функции, которые выполняются в браузере пользователя), они имеют разные иконки, но это никак не влияет на их функциональность или предпочтительность использования.</p><section><section>
|
||||
<h3><a name="C.D0.BE.D1.85.D1.80.D0.B0.D0.BD.D0.B8.D1.82.D1.8C_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.B2_.D0.BF.D0.B5.D1.80.D0.B5.D0.BC.D0.B5.D0.BD.D0.BD.D1.83.D1.8E_.D0.BF.D1.80.D0.BE.D1.86.D0.B5.D1.81.D1.81.D0.B0"></a>Cохранить значение в переменную процесса</h3>
|
||||
<p><a href="../../Сохранить_значение_в_переменную_процесса.md">сохранить значение в переменную процесса</a></p></section><section>
|
||||
<h3><a name="a.D0.94.D0.BE.D0.B1.D0.B0.D0.B2.D0.B8.D1.82.D1.8C_.D1.81.D1.82.D1.80.D0.BE.D0.BA.D1.83_.D0.BA_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D1.8E_.D0.B2_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.BC_.D0.BF.D0.BE.D0.BB.D0.B5"></a>Добавить строку к значению в текущем поле</h3>
|
||||
<p><a href="../../Добавить_строку_к_значению_в_текущем_поле.md">Добавить строку к значению в текущем поле</a></p></section><section>
|
||||
<h3><a name="a.D0.97.D0.B0.D0.BF.D0.BE.D0.BB.D0.BD.D0.B8.D1.82.D1.8C_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5.D0.BC_.D0.B8.D0.B7_.D0.BF.D0.B5.D1.80.D0.B5.D0.BC.D0.B5.D0.BD.D0.BD.D0.BE.D0.B9_.D0.BB.D1.8E.D0.B1.D0.BE.D0.B3.D0.BE_.D1.82.D0.B8.D0.BF.D0.B0"></a>Заполнить значением из переменной любого типа</h3>
|
||||
<p><a href="../../Заполнить_значением_из_переменной_процесса.md">Заполнить значением из переменной любого типа</a></p></section><section>
|
||||
<h3><a name="a.D0.97.D0.B0.D0.BF.D0.BE.D0.BB.D0.BD.D0.B8.D1.82.D1.8C_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5.D0.BC_.D0.BF.D0.BE_.D1.83.D0.BC.D0.BE.D0.BB.D1.87.D0.B0.D0.BD.D0.B8.D1.8E"></a>Заполнить значением по умолчанию</h3>
|
||||
<p><a href="../../Заполнить_значением_по_умолчанию.md">Заполнить значением по умолчанию</a></p></section><section>
|
||||
<h3><a name="a.D0.A1.D0.BA.D0.BB.D0.B5.D0.B8.D1.82.D1.8C_.D0.BD.D0.B5.D1.81.D0.BA.D0.BE.D0.BB.D1.8C.D0.BA.D0.BE_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B9"></a>Склеить несколько значений</h3>
|
||||
<p><a href="../../Склеить_несколько_значений.md">Склеить несколько значений</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p></section></section><section>
|
||||
<h2><a name="a.D0.9C.D0.B5.D1.82.D0.BE.D0.B4.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D0.B5_.D1.80.D0.B5.D0.BA.D0.BE.D0.BC.D0.B5.D0.BD.D0.B4.D0.B0.D1.86.D0.B8.D0.B8_.D0.BF.D0.BE_.D0.BF.D1.80.D0.B8.D0.BC.D0.B5.D0.BD.D0.B5.D0.BD.D0.B8.D1.8E"></a>Методические рекомендации по применению</h2>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_элемент_Фильтр_по_текстовому_полю_на_страницу_.html">Как добавить элемент Фильтр по текстовому полю на страницу?</a></li>
|
||||
</ul></section><section>
|
||||
<h2><a name="a.D0.A7.D0.B0.D1.81.D1.82.D0.BE_.D0.B7.D0.B0.D0.B4.D0.B0.D0.B2.D0.B0.D0.B5.D0.BC.D1.8B.D0.B5_.D0.B2.D0.BE.D0.BF.D1.80.D0.BE.D1.81.D1.8B"></a>Часто задаваемые вопросы</h2>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> В каких случаях необходимо использовать Фильтр по текстовому полю, а в каких случаях Фильтр по числовому полю? </td>
|
||||
<td> В зависимости от типа значений, по которым происходит фильтрация определяется соответствующий тип Фильтра: если значения в колонке таблицы имеют строковый тип данных, то используется Фильтр по текстовому полю, если числовой - Фильтр по числовому полю. </td></tr>
|
||||
<tr class="a">
|
||||
<td> Можно ли ввести число в Текстовое поле (фильтр)? </td>
|
||||
<td> Да, можно. </td></tr>
|
||||
</tbody>
|
||||
</table></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,132 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/filters/Фильтр_по_числовому_полю.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Фильтр по числовому полю</title>
|
||||
<link rel="stylesheet" href="../../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../../css/print.css" media="print" />
|
||||
<script src="../../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Фильтр по числовому полю</h1>
|
||||
<h1>Назначение</h1>
|
||||
<p><b>Фильтр по числовому полю</b> - это видоизмененная компонента Числовое поле, дополненная функцией поиска в связанной с ней компоненте Таблица по введенному пользователем значению. Иерархически обязательно должна быть расположена внутри компоненты Набор фильтров,в качестве параметра содержит указание на колонку таблицы, по которой осуществляется поиск. В зависимости от настроек родительской компоненты Набор фильтров в запущенном приложении выполняет поиск либо только после нажатия соответствующей кнопки (компонента Кнопка для фильтрации), либо по мере ввода пользователем искомого значения (так называемый, “живой поиск”).</p>
|
||||
<p>Компонента <b>Фильтр по числовому полю</b> находится в разделе <b>Фильтры - Фильтр по числовому полю</b>.</p>
|
||||
<h1>Свойства</h1>
|
||||
<p>Компонента имеет <a href="../../control-properties.md">набор общих свойств</a>. Ниже отображены свойства, специфичные только для данной компоненты.</p>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Наименование свойства </th>
|
||||
<th> Назначение свойства </th>
|
||||
<th> Принимаемые значения </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Подсказка </td>
|
||||
<td> позволяет создать подсказку, расположенную внутри элемента </td>
|
||||
<td> пример возможного значения: Введите год </td></tr>
|
||||
<tr class="a">
|
||||
<td> Надпись </td>
|
||||
<td> позволяет задать наименование поля, которое будет отображаться на странице </td>
|
||||
<td> пример возможного значения: Год </td></tr>
|
||||
<tr class="b">
|
||||
<td> Значение по умолчанию </td>
|
||||
<td> позволяет задать значение поля по умолчанию, которое будет отображаться на странице </td>
|
||||
<td> пример возможного значения: 100 </td></tr>
|
||||
<tr class="a">
|
||||
<td> Минимальное возможное значение </td>
|
||||
<td> позволяет задать минимально возможное значение числа, меньше которого пользователь ввести не сможет </td>
|
||||
<td> пример возможного значения: 0 </td></tr>
|
||||
<tr class="b">
|
||||
<td> Максимальное возможное значение </td>
|
||||
<td> позволяет задать максимально возможное значение числа, больше которого пользователь ввести не сможет </td>
|
||||
<td> пример возможного значения: 2999 </td></tr>
|
||||
<tr class="a">
|
||||
<td> Шаг увеличения значения </td>
|
||||
<td> позволяет задать шаг увеличения значения числа </td>
|
||||
<td> пример возможного значения: 1 </td></tr>
|
||||
<tr class="b">
|
||||
<td> Задать операцию фильтрации </td>
|
||||
<td> позволяет задать условие, по которому будет осуществляться фильтрация данных по введенному пользователем значению </td>
|
||||
<td> </td></tr>
|
||||
<tr class="a">
|
||||
<td> Настроить колонки фильтрации </td>
|
||||
<td> позволяет указать таблицу и колонку базы данных, к которой будет применяться фильтрация </td>
|
||||
<td> Выбор таблицы и колонки базы данных в данном свойстве будет доступен только после заполнения свойства “Применить к…” у <i><a href="../../containers/Набор_фильтров.md">Набора фильтрации</a></i> </td></tr>
|
||||
</tbody>
|
||||
</table><section><section>
|
||||
<h3><a name="a.D0.A1.D0.BE.D1.85.D1.80.D0.B0.D0.BD.D0.B8.D1.82.D1.8C_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5_.D0.B2_.D0.BF.D0.B5.D1.80.D0.B5.D0.BC.D0.B5.D0.BD.D0.BD.D1.83.D1.8E_.D0.BF.D1.80.D0.BE.D1.86.D0.B5.D1.81.D1.81.D0.B0"></a>Сохранить значение в переменную процесса</h3>
|
||||
<p><a href="../../Сохранить_значение_в_переменную_процесса.md">Сохранить значение в переменную процесса</a></p></section><section>
|
||||
<h3><a name="a.D0.97.D0.B0.D0.BF.D0.BE.D0.BB.D0.BD.D0.B8.D1.82.D1.8C_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5.D0.BC_.D0.B8.D0.B7_.D0.BF.D0.B5.D1.80.D0.B5.D0.BC.D0.B5.D0.BD.D0.BD.D0.BE.D0.B9_.D0.BF.D1.80.D0.BE.D1.86.D0.B5.D1.81.D1.81.D0.B0"></a>Заполнить значением из переменной процесса</h3>
|
||||
<p><a href="../../Заполнить_значением_из_переменной_процесса.md">Заполнить значением из переменной</a></p></section><section>
|
||||
<h3><a name="a.D0.97.D0.B0.D0.BF.D0.BE.D0.BB.D0.BD.D0.B8.D1.82.D1.8C_.D0.B7.D0.BD.D0.B0.D1.87.D0.B5.D0.BD.D0.B8.D0.B5.D0.BC_.D0.BF.D0.BE_.D1.83.D0.BC.D0.BE.D0.BB.D1.87.D0.B0.D0.BD.D0.B8.D1.8E"></a>Заполнить значением по умолчанию</h3>
|
||||
<p><a href="../../Заполнить_значением_по_умолчанию.md">Заполнить значением по умолчанию</a></p></section><section>
|
||||
<h3><a name="a.D0.92.D0.BA.D0.BB.D1.8E.D1.87.D0.B8.D1.82.D1.8C_.D0.B2.D1.8B.D1.87.D0.B8.D1.81.D0.BB.D0.B5.D0.BD.D0.B8.D0.B5_.D0.BC.D0.B0.D1.82.D0.B5.D0.BC.D0.B0.D1.82.D0.B8.D1.87.D0.B5.D1.81.D0.BA.D0.B8.D1.85_.D0.BE.D0.BF.D0.B5.D1.80.D0.B0.D1.86.D0.B8.D0.B9"></a>Включить вычисление математических операций</h3>
|
||||
<p><a href="../../Включить_вычисление_математических_операций.md">Включить вычисление математических операций</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D0.BF.D1.80.D0.B0.D0.B2.D0.B0_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить права текущего пользователя</h3>
|
||||
<p><a href="../../Определить_права_текущего_пользователя.md">Определить права текущего пользователя</a></p></section><section>
|
||||
<h3><a name="a.D0.9E.D0.BF.D1.80.D0.B5.D0.B4.D0.B5.D0.BB.D0.B8.D1.82.D1.8C_.D1.80.D0.BE.D0.BB.D0.B8_.D1.82.D0.B5.D0.BA.D1.83.D1.89.D0.B5.D0.B3.D0.BE_.D0.BF.D0.BE.D0.BB.D1.8C.D0.B7.D0.BE.D0.B2.D0.B0.D1.82.D0.B5.D0.BB.D1.8F"></a>Определить роли текущего пользователя</h3>
|
||||
<p><a href="../../Определить_роли_текущего_пользователя.md">Определить роли текущего пользователя</a></p>
|
||||
<h1>Методические рекомендации по применению</h1>
|
||||
<ul>
|
||||
|
||||
<li><a href="Как_добавить_Фильтр_по_числовому_полю_на_страницу_.html">Как добавить Фильтр по числовому полю на страницу?</a></li>
|
||||
</ul>
|
||||
<h1>Часто задаваемые вопросы</h1>
|
||||
<table border="0" class="table table-striped">
|
||||
<thead>
|
||||
|
||||
<tr class="a">
|
||||
<th> Вопрос </th>
|
||||
<th> Ответ </th></tr>
|
||||
</thead><tbody>
|
||||
|
||||
<tr class="b">
|
||||
<td> Можно ли ввести текст в поле “Фильтр по числовому полю” </td>
|
||||
<td> Нет, нельзя. </td></tr>
|
||||
<tr class="a">
|
||||
<td> В каких случаях необходимо использовать “Фильтр по числовому полю”? </td>
|
||||
<td> Фильтр по числовому полю используется в тех случаях, когда фильтруемые данные имеют числовой тип. При использовании данного фильтра у пользователя появится удобный ввод значения в поле Фильтр по числовому полю с помощью кнопок ,а не клавиатуры. </td></tr>
|
||||
</tbody>
|
||||
</table></section></section>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,63 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/filters/Фильтры.md at 2022-09-08
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Фильтры</title>
|
||||
<link rel="stylesheet" href="../../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../../css/print.css" media="print" />
|
||||
<script src="../../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Фильтры</h1>
|
||||
<ul>
|
||||
|
||||
<li><a href="Фильтр_по_компоненте_Флаг.html">Булеан (фильтр)</a></li>
|
||||
<li><a href="Фильтр_по_дате.html">Дата (фильтр)</a></li>
|
||||
<li><a href="Фильтр_по_полю_многострочного_ввода.html">Многострочное поле (фильтр)</a></li>
|
||||
<li><code>TODO</code> Переключатель (фильтр)</li>
|
||||
<li><a href="Фильтр_по_полю_ввода_с_подбором_значения.html">Поиск (фильтр)</a></li>
|
||||
<li><a href="Фильтр_по_статичному_выпадающему_списку.html">Список (статичный, фильтр)</a></li>
|
||||
<li><a href="Фильтр_по_выпадающему_списку.html">Список (фильтр)</a></li>
|
||||
<li><a href="Фильтр_по_текстовому_полю.html">Текстовое поле (фильтр)</a></li>
|
||||
<li><a href="Фильтр_по_полю_адреса_ФИАС.html">ФИАС (фильтр)</a></li>
|
||||
<li><a href="Фильтр_по_числовому_полю.html">Числовое поле (фильтр)</a></li>
|
||||
</ul>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2022
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,79 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
| Generated by Apache Maven Doxia Site Renderer 1.9.2 from src/site/markdown/component/fields/index.md at 2023-05-03
|
||||
| Rendered using Apache Maven Fluido Skin 1.9
|
||||
-->
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="generator" content="Apache Maven Doxia Site Renderer 1.9.2" />
|
||||
<title>Web-BPM Docs – Поля ввода/вывода</title>
|
||||
<link rel="stylesheet" href="../../css/apache-maven-fluido-1.9.min.css" />
|
||||
<link rel="stylesheet" href="../../css/site.css" />
|
||||
<link rel="stylesheet" href="../../css/print.css" media="print" />
|
||||
<script src="../../js/apache-maven-fluido-1.9.min.js"></script>
|
||||
</head>
|
||||
<body class="topBarDisabled">
|
||||
<div class="container">
|
||||
<header>
|
||||
<div id="banner">
|
||||
<div class="pull-left"><div id="bannerLeft"><h2>Web-BPM руководство пользователя</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pull-right"></div>
|
||||
<div class="clear"><hr/></div>
|
||||
</div>
|
||||
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
<main id="bodyColumn" >
|
||||
<h1>Поля ввода/вывода</h1>
|
||||
<ul>
|
||||
|
||||
<li><a href="Время.html">Время</a></li>
|
||||
<li><a href="Выпадающий_список.html">Выпадающий список</a></li>
|
||||
<li><a href="Дата.html">Дата</a></li>
|
||||
<li><a href="Денежное_поле.html">Денежное поле</a></li>
|
||||
<li><code>TODO</code> изображение</li>
|
||||
<li><a href="Многострочное_поле.html">Многострочное поле</a></li>
|
||||
<li><a href="Переключатель.html">Переключатель</a></li>
|
||||
<li><a href="Поле_ввода_с_подбором_значения.html">Поиск</a></li>
|
||||
<li><a href="Пополняемый_список_зависимых_записей.html">Пополняемый список зависимых записей</a></li>
|
||||
<li><a href="Список_зависимых_записей.html">Список зависимых записей</a></li>
|
||||
<li><a href="Список_зависимых_записей_поле_.html">Список зависимых записей (поле)</a></li>
|
||||
<li><a href="Список_с_поиском_для_выбора_одного_значения.html">Список с поиском для выбора одного значения</a></li>
|
||||
<li><a href="Статичный_выпадающий_список.html">Статичный выпадающий список</a></li>
|
||||
<li><code>TODO</code> статичный выпадающий список колонки таблицы</li>
|
||||
<li><a href="Статичный_переключатель.html">Статичный переключатель</a></li>
|
||||
<li><a href="Текст.html">Текст</a></li>
|
||||
<li><a href="Текстовое_поле.html">Текстовое поле</a></li>
|
||||
<li><a href="Адрес.html">Адрес</a></li>
|
||||
<li><a href="Файл.html">Файл</a></li>
|
||||
<li><a href="Флаг.html">Флаг</a></li>
|
||||
<li><a href="Числовое_поле.html">Числовое поле</a></li>
|
||||
<li><a href="OneToMany.html">OneToMany</a></li>
|
||||
<li><a href="TreeField.html">TreeField</a></li>
|
||||
<li><a href="EditableOneToMany.html">EditableOneToMany</a></li>
|
||||
<li><a href="ManyToMany.html">ManyToMany</a></li>
|
||||
</ul>
|
||||
<p><b>Функции</b> - <a href="Стили-полей-ввода.html">Стили полей ввода</a></p>
|
||||
</main>
|
||||
</div>
|
||||
<hr/>
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<p>© 2023
|
||||
Micord
|
||||
</p>
|
||||
</div>
|
||||
<p id="poweredBy" class="pull-right"><a href="http://maven.apache.org/" title="Built by Maven" class="poweredBy"><img class="builtBy" alt="Built by Maven" src="../../images/logos/maven-feather.png" /></a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue