[OPEN] [#399] Plugin BoxSelect

[luiz]

Hi,

Is there something like this in ext.net?

http://kveeiv.github.io/extjs-boxsel...cConfiguration

Thanks!

[Daniil]

Hi @luiz,

Unfortunately, no.

You could try to use that UX with Ext.NET together.

[luiz]

Hi Daniil,

Could you help me get started? With a sample with Ext.Net and UX plugin?

Thanks!

[Daniil]

Will you need a C# control? Or a JavaScript class will be enough for you?

[luiz]

Hi,

Javascript class solves my problem.

What is faster to do. ;)

Thanks!

[Daniil]

Then you should attach the BoxSelect's resources:

<!-- BoxSelect Source -->
<link rel="stylesheet" type="text/css" href="../src/BoxSelect.css" />
<script type="text/javascript" src="../src/BoxSelect.js"></script>

and instantiate a BoxSelect like this:

Ext.create('Ext.ux.form.field.BoxSelect', {
    renderTo: Ext.getBody(),
    // other config options
});

The main problem I foresee is: BoxSelect uses ExtJS 4.1, but the Ext.NET is currently (v2.2 and the SVN trunk) based on ExtJS 4.2. There is a possibility that a BoxSelect is not going to work with ExtJS 4.2, but it might. By the way, Ext.NET v2.1 is based on ExtJS 4.1.

[luiz]

[Daniil]

BoxSelect is not a plugin. It is an individual component. Unfortunately, it cannot be used as a plugin to ComboBox.

[luiz]

Hum..

Ok. Please, close this thread.

Thank you.

[markusn]

Hi,

The javascript approach works for me but it doesn't quite fit my needs. I'm trying to get the C# extension to work but am having some difficulties. For simplicity sake my view looks like this:

[Layout]
<script src="@Url.Content("~/Scripts/BoxSelect.js")" type="text/javascript"></script>

[View]
@(Html.X().FormPanel()
    .ID("CreateCallForm")
    .Layout(LayoutType.Form)
    .Items(
        Html.X().FieldSet()
        .Items(i => i.Add(new GenericComponent<ComboBox> { GenericInstanceOf = "Ext.ux.form.field.BoxSelect", GenericXType = "boxselect", Component = { FieldLabel = "test" } }))
    )
)

I followed the code from here: http://forums.ext.net/showthread.php...ll=1#post53043, but instead of seeing the box select control, I'm just seeing the standard combobox. Any ideas? I've tried a variety of GenericXType values include Ext.ux.form.field.BoxSelect, ext.ux.form.field.boxselect, widget.boxselect, BoxSelect. I am using the box select code from here: https://github.com/kveeiv/extjs-boxselect