Using the Feature Explorer, the topic "Select List", just modify the JS to add "multiple : true"
When running it, you cannot select the first element with the space key, as is it possible to do with all other item.
I am using this :
Version v12.0p_2021-08-08/Pro Deployment (2021-08-08)
The problem only occurs with large dataset, whith paging, when the data in the SelectItem does not contains all the data set.
Here the code:
isc.DynamicForm.create({
ID:"testForm",
width: 500,
fields : [
{
name: "filteredSelect", title: "Select Item", editorType: "SelectItem",
optionDataSource: "supplyItem",
displayField:"itemName", valueField:"SKU",
pickListPlacement: "fillScreen",
multiple : true,
pickListWidth:300,
pickListProperties: {
showFilterEditor:true
},
pickListFields:[
{name:"SKU"},
{name:"itemName"}
]
}
]
});
Data source:
<DataSource
ID="supplyItem"
serverType="sql"
tableName="supplyItem"
titleField="itemName"
testFileName="/examples/shared/ds/test_data/supplyItem.data.xml"
dbImportFileName="/examples/shared/ds/test_data/supplyItemLarge.data.xml"
>
<fields>
<field name="itemID" type="sequence" hidden="true" primaryKey="true"/>
<field name="itemName" type="text" title="Item" length="128" required="true"/>
<field name="SKU" type="text" title="SKU" length="10" required="true"/>
<field name="description" type="text" title="Description" length="2000"/>
<field name="category" type="text" title="Category" length="128" required="true"
foreignKey="supplyCategory.categoryName"/>
<field name="units" type="enum" title="Units" length="5">
<valueMap>
<value>Roll</value>
<value>Ea</value>
<value>Pkt</value>
<value>Set</value>
<value>Tube</value>
<value>Pad</value>
<value>Ream</value>
<value>Tin</value>
<value>Bag</value>
<value>Ctn</value>
<value>Box</value>
</valueMap>
</field>
<field name="unitCost" type="float" title="Unit Cost" required="true">
<validators>
<validator type="floatRange" min="0" errorMessage="Please enter a valid (positive) cost"/>
<validator type="floatPrecision" precision="2" errorMessage="The maximum allowed precision is 2"/>
</validators>
</field>
<field name="inStock" type="boolean" title="In Stock"/>
<field name="nextShipment" type="date" title="Next Shipment"/>
</fields>
</DataSource>
When running it, you cannot select the first element with the space key, as is it possible to do with all other item.
I am using this :
Version v12.0p_2021-08-08/Pro Deployment (2021-08-08)
The problem only occurs with large dataset, whith paging, when the data in the SelectItem does not contains all the data set.
Here the code:
isc.DynamicForm.create({
ID:"testForm",
width: 500,
fields : [
{
name: "filteredSelect", title: "Select Item", editorType: "SelectItem",
optionDataSource: "supplyItem",
displayField:"itemName", valueField:"SKU",
pickListPlacement: "fillScreen",
multiple : true,
pickListWidth:300,
pickListProperties: {
showFilterEditor:true
},
pickListFields:[
{name:"SKU"},
{name:"itemName"}
]
}
]
});
Data source:
<DataSource
ID="supplyItem"
serverType="sql"
tableName="supplyItem"
titleField="itemName"
testFileName="/examples/shared/ds/test_data/supplyItem.data.xml"
dbImportFileName="/examples/shared/ds/test_data/supplyItemLarge.data.xml"
>
<fields>
<field name="itemID" type="sequence" hidden="true" primaryKey="true"/>
<field name="itemName" type="text" title="Item" length="128" required="true"/>
<field name="SKU" type="text" title="SKU" length="10" required="true"/>
<field name="description" type="text" title="Description" length="2000"/>
<field name="category" type="text" title="Category" length="128" required="true"
foreignKey="supplyCategory.categoryName"/>
<field name="units" type="enum" title="Units" length="5">
<valueMap>
<value>Roll</value>
<value>Ea</value>
<value>Pkt</value>
<value>Set</value>
<value>Tube</value>
<value>Pad</value>
<value>Ream</value>
<value>Tin</value>
<value>Bag</value>
<value>Ctn</value>
<value>Box</value>
</valueMap>
</field>
<field name="unitCost" type="float" title="Unit Cost" required="true">
<validators>
<validator type="floatRange" min="0" errorMessage="Please enter a valid (positive) cost"/>
<validator type="floatPrecision" precision="2" errorMessage="The maximum allowed precision is 2"/>
</validators>
</field>
<field name="inStock" type="boolean" title="In Stock"/>
<field name="nextShipment" type="date" title="Next Shipment"/>
</fields>
</DataSource>