PDA

View Full Version : [3.x] Ext.ux.PickerControl



keypoint
18 Nov 2009, 2:52 PM
Here is a control similar to that used by Microsoft Dynamics to display various entities.
For now, what it does is it displays a string (eventually as a link), together with a left side icon.
Also, a trigger provides a hook allowing you to display an item picking dialog.
The control also has a hidden input attached, allowing you to set/retrieve its value.

Demo and src: http://www.keypoint.ro/ext

There are no docs for this extension yet.
The control extends Ext.form.TriggerField, adding the following properties and methods:

icon - icon URL to display on the left side
text - text to display
url - url to link text to
disableEllipsis - by default, if the control is smaller than the text, ellipsis are displayed. This disabled that behaviour.



setText(text, url) - change the displayed text


The registered name for this control is 'picker'.

ajaxvador
18 Nov 2009, 4:52 PM
very nice

veenvliet.morion
19 Nov 2009, 1:51 AM
Looks great. And misses in the basis set of extensions.
What's your license? Free to use? Even in commercial projects? BSD or GPL license?

Can you make a zip package of the source please? You can attach it to your post here and update it.

keypoint
19 Nov 2009, 1:54 AM
It's BSD.
You may get the source files from our demo site (signature).
Licensing included in the control's js file and attached license.txt file.

Hope it helps,
I intend to update the control with few useful features, when I get the chance.

ajaxvador
19 Nov 2009, 2:17 AM
Hi,

I tested on IE6, there's a problem with trigger button.

17308

great plugin =D>

keypoint
19 Nov 2009, 2:25 AM
Why would you do such a thing?? (test in IE6 :D )
As Microsoft decided not to support it anymore, so did I.
I will take a look some time to see if I can do anything about it but it will be difficult to test.

If anyone comes up with a solution, I'd be happy to integrate it. Probably just a CSS fix needed.

By the way: did you include the CSS file too?


Control contents:
PickerControl.js
picker.css
license.txt

moegal
19 Nov 2009, 3:45 AM
your demo doesn't seem to work in IE7 either.

Marty

keypoint
19 Nov 2009, 3:46 AM
Ha,
You're right - might have broken something.
I'm checking it.

Update: works in IE8, doesn't work in IE8 compatibility mode (IE7 comparable, I assume)

keypoint
19 Nov 2009, 1:24 PM
Functional in IE7 too (I hope IE 6 behaves the same)
See the demo site for updated source code.
Both js and css updated.

veenvliet.morion
22 Nov 2009, 11:40 PM
Thanks for fixing this.

A little tip: you can use IEtester : http://my-debugbar.com/wiki/IETester/HomePage
for testing with different IE version from one application.

dawesi
30 Nov 2009, 10:28 PM
sweet!