Configuring an Organization Picker

Personnalisation de base > User Interface Customization > Incorporating Pickers in JSP Clients > Configuring an Organization Picker

Objective

Problem: You want to add an organization picker to a custom UI and need to configure the picker to:

• Search only for objects of certain type(s)

• Search only for objects in certain container(s)

• Display certain search criteria input fields

• Display certain attributes of the objects in the search results table

Background

The organization picker is used when you have a requirement to select specific organization(s) depending upon certain criteria and use them in your application. Typical use case could be that you may want to find parts that are available in particular organization. In this case, you can have a organization picker and then through this you can select the organization and pass it on to the search criteria to perform search for parts.

Scope/Applicability/Assumptions

It is assumed that your <MyPage>.jsp file in which you are putting tag includes “/netmarkets/jsp/begin.jspf” or “/netmarkets/jsp/beginPopuf.jspf” file and “/netmarkets/jsp/end.jspf” files.

Intended Outcome

You should see a text box and a Find button along with the specified label after using the tags for organization picker. After clicking the Find… button, the organization picker will be launched.

On clicking Find… button you should see an organization picker.

Solution

Use the Organization Picker Common Component in your JSP file to include Organization Picker in your application.

Prerequisite knowledge

To achieve this objective, you need to have an understanding of the following:

• Basic development involving JSP, JavaScript, Custom taglibs

• The management of resource bundle file customizations

• Windchill xconfmanager concepts

Solution Elements

Element	Type	Description
PickerAttributes.xml	XML	pickerAttributes.xml XML file You should use this file to customize the search criteria attributes for an object type for your picker. Runtime location: <Windchill>\codebase\pickerAttributes.xml
searchClientResource.java	Resource bundle file	You should use this file to localize the contents of the pickers.
organizationPicker.tag	Custom JSP tag file	This file is contains the information about the supported parameters for this tag. Runtime location: <Windchill>\codebase\WEB-INF\tags\ContextPicker.tag
SearchableTypes.properties.Xconf	xconf Properties file	You should specify component Id and corresponding object types in this file and then run xconfmanager. Runtime location: <Windchill>\codebase\com\ptc\windchill\enterprise\search\server\SearchableTypes.properties.xconf
custom.js	JavaScript file	You should specify custom pickerCallback function for picker in this file. Runtime location: <Windchill>\codebase\netmarkets\jsp\search\custom.js

You want to disable the type picker in the Context Picker.

Procedure – Including an Organization Picker in a jsp page

The organization picker can be launched from your JSP by calling the organizationPicker tag:

Customization Points

Parameter	Default Value	Possible Values	Req?	Description
Id		Anything that is unique in a page	False	An ID is associated with every picker in the calling application. This ID has to be unique for all pickers, whether of different types or same type, in one page. The id should not contain "." (dot) in the name.
componentId	pickerSearch	Any valid component id specified in pickerAttributes.xml	No	componentId determines the attributes that should appear in search criteria panel of the given picker.
pickerCallback	Generated at the runtime if user has not specified this parameter	Name of the callback function	No	Name of the customized callback function that a user would have to implement. It’s recommended that you should specify pickerCallback function in custom.js file
defaultValue	“” (blank)	Any values	No	Default value for textbox rendered by the picker.
defaultHiddenValue	“” (blank)	Any values	No	Default value of the hidden textbox associated with the picker.
Label	Context Picker	Any value	No	Label of the picker.
displayAttribute	Name	Any attribute	No	Name of the attribute that should be displayed in the picker textbox after selecting result from the organization picker
containerRef	“” (blank)	Any container	No	Value of the containerRef in which a user wants to restrict the search.
baseWhereClause	“” (blank)	Any valid I*E where clause query	No	Additional where clause if you want to filter search results on some specific criteria regardless of user input. This where clause will just get “ANDed” with the internal where clause.
pickerTitle	Contexts	Any value	No	The title of the picker.
pickedDataFetcher	<WebApp>/netmarkets/jsp/search/pickedData.jsp	URL location of the fetcher file	No	URL of the data fetcher file that will be used by the AJAX call to process the selected results.
Editable	True	true/false	No	This attribute defines whether you want to have Find icon along with the textbox or not.
readOnlyPickerTextBox	False	true/false	No	This attribute defines whether the picker text box should be editable or not.
Inline	False	true/false	No	You should specify this parameter with value as true when you want to launch picker from a table level action or inline.
pickedAttributes	Name	Any comma separated list of valid attributes	No	This parameter contains a comma separated list of the attributes that a user wants a picker to fetch. This is applicable only if inline is “true”.
pickerType	search	search/picker	No	This parameter defines the picker type i.e. “search” picker or “picker” picker. In search picker, you will see search criteria in the picker and then you have to hit the search button to see the results however in case of “picker” picker you will directly see the results table without any search criteria.
pickerTextBoxLength	25	Any numeric value	No	This parameter defines the length of the picker text box.
searchResultsViewId	“”(blank)	Any valid view id	No	This parameter allows user to define custom view id for the picker search results table.
extraSuggestAttributes	emaild	Any field user wants to search on	False	This parameter is used to specify the extra attributes that are to be used for auto-suggest
showSuggestion	false	True/false	False	If this property is made true multi select recently used context picker will be shown. In this case you need to modify your callback function and onchange function. Default value is false. Implemented for search page only. This property is used to enable auto-suggest to the picker.
suggesMinChars	1	Integer values	False	This parameter is used to specify the min. character on which auto-suggest initiates if enabled
suggestServiceKey	Picker specific	userPicker, partPicker etc.	False	Key for selecting suggestable class (e.g. ContextServicePickerSuggestable) which in turn call query service.Key needs to be present in search-service.properties.xconf file.

Configuring Organization Picker with multi select option in results table

<wctags:organizationPicker id="orgPickerId" multiSelect="true" />

Configuring baseWhereClause in Organization picker

<wctags:organizationPicker id="orgPickerId"
baseWhereClause="(name=’myOrg*’)" />

Configuring pickerCallback function in Organization picker

<wctags:organizationPicker id="orgPickerId"
pickerCallback="myPickerCallback" />
myPickerCallback function can be like:
function myPickerCallback(objects, pickerID)
{
var updateHiddenField = document.getElementById(pickerID);
var updateDisplayField = document.getElementById(pickerID +
"$label$");
var myJSONObjects = objects.pickedObject;
for(var i=0; i< myJSONObjects.length;i++) {
var oid = myJSONObjects[i].oid;
// Here “name” is the displayAttribute requested
var displayAttr = eval("myJSONObjects[i].name");
updateHiddenField.value=oid;
updateDisplayField.value=displayAttr;
}
}

Parent topic

Incorporating Pickers in JSP Clients

Est-ce que cela a été utile ?