Custom item in column menu to be bound to field property

[Marc]

Hello,

I have a grid with 3 columns. In the grid options, I indicated that columnMenu is true. I also specified a columnMenuInit, in order to customize the column menu. What I want to do is to add an input bound to the header of the column, allowing me to change it there.

I tried something like this:

function columnMenuInit(e) {
            var menu = e.container.find(".k-menu").data("kendoMenu");
            var field = e.field;
            menu.append({ text: "Input name: <input data-bind='value: "+ field +"'>", encoded: false });
}

but it does not seem to bind to anything (the input is empty when I show the column menu).

Would you have any advice?

Thanks in advance,
Marc.

[Petur Subev]

Hello Marc,

You will successfully add the data-bind attribute however there is no logic that will perform the kendo.bind call.

http://trykendoui.telerik.com/@pesho/odOp

What exactly do you want to achieve, why you want to bind the value to be equal to the name of the column.

Regards,
Petur Subev
Telerik

 

 

[Marc]

Thanks for your reply.

What I am trying to achieve is to provide an inline UI that would show two input fields:
- one to allow the user to change the title of the column
- one to change the value of some additional property I would attach to the column

Would you have any recommendation on how to do this?

Thanks,
Marc.

[Petur Subev]

Hello Marc,

I am afraid there is no feasible way to bind the input to such column meta information like title or type and change this dynamically. 

Kind Regards,
Petur Subev
Telerik