Questions on Kendo UI for jQuery Forum

6 answers

651 views

Hey Team Kendo!!

I am totally amazed with the development of Kendo day to day and Im loving to work with Kendo Framework. I was just trying to give a template for toolbar in MVVM grid but not sure how to do it. For row template we use "data-row-template" and what is it for toolbar????

Regards,

Krishna K C
Krossark Technologies

MVVM

answered on 14 Apr 2014

1 answer

255 views

[Solved] Issue with data source range() method

I'm working on a custom widget that uses the kendo data source's prefetch() and range() methods to work something like the virtual scrolling option for the Grid widget. Getting range 0 - 10 works as expected, but I am running into a problem when I try to retrieve the next range (10 - 20). The data source seems to be skipping ahead another page. The range returned by view() is the correct one (10 - 20), however the skip() method returns 20 instead of 10:

var skip = 0,

take = 10;

dataSource.range(skip, take);

dataSource.skip(); // 0

dataSource.take(); // 10

dataSource.range(skip + take, take);

dataSource.skip(); // 20

dataSource.take(); // 10

Is it by design that the data source automatically configures the skip and take to always return the next range? If not, I believe the cause of the issue is on line 7809 of kendo.all.js. I am currently using "Kendo UI Complete v2014.1.321".

// size = skip + take

// Using size in math.min() will always set that._skip to the start of the next range if we're "paging" forward

that._skip = skip > that.skip() ? math.min(size, (that.totalPages() - 1) * that.take()) : pageSkip;

There does not seem to be any documentation for the range(), prefetch(), inRange(), etc. online. Are these methods intended only for internal use by the framework or are they officially supported features of the data source? This is a really awesome feature of the data source, and I hope I can count on it in future versions!

Thanks!
Brian

Data Source

answered on 14 Apr 2014

2 answers

115 views

Dynamic columns problem

Hi,
I need to change dynamically the columns count, and when changing the grid to less columns the rows are ok but the headers maintains the previous columns count, and the final result is a mess.
Please see this for a better clarification:
http://jsfiddle.net/QP835/1/

Can anyone advise?

Thanks!

Grid

answered on 14 Apr 2014

3 answers

167 views

Setting all but the first and last element to Sortable

Hi,

I'm attempting to sort a route of locations and the origin and destination need to remain static but the stops in between may change. The problem is that when I'm moving any other element around I'm still presented with the option to place it below the last element (although it will not actually drop there). I was wondering if there's something I'm missing in my config that will keep the last element anchored to that spot and not let me place things beneath it.

Thanks,
Kevin

Sortable

answered on 14 Apr 2014

1 answer

177 views

Kendo UI MultiSelect on Grid toolbar of Popup Editor

Hi , I am not able to bind the Multi Select to Kendo toolbar on Popup Editor(Under the Tab Grid)

Please find the demo here.

http://jsbin.com/kibidipo/6/edit

The Multi Select ID "multiselectfilter" is in Template.

End of the day I want to Show applied filter columns on Grid in a Multiselect as a buttons of filters applied on Grid.

General Discussions

answered on 14 Apr 2014

1 answer

472 views

Nested Tables

How can i create nested tables using the Kendo UI Editor.

On the editor demo http://demos.telerik.com/kendo-ui/web/editor/all-tools.html

I create a table, lets say 3 rows and 1 column, now in the 2nd row i want to have another table. But when i click inside that td, the TableEditing tool converts itself to "edit mode" and inserting a new table from that tool is not possible.

Any ideas ?

Editor

answered on 14 Apr 2014

1 answer

1.2K+ views

Enable disable button in Kendo grid Razor mvc

I am currently using by buttons in .Clientrowtemplate like this

@(Html.Kendo().Grid<Modeldata>()
.Name("Grid")

.DataSource(d => d
.Ajax()
.ServerOperation(false)
.PageSize(5)
.Model(model => model.Id(task=> task.Id))
.Read(read => read.Action("getalltask", "task"))
)

.Columns(columns =>
{
columns.Template(e => { }).ClientTemplate(" ").Title("Action").Width("10%");

})
.ClientRowTemplate(
<td class='edit' style='width:10%'>" +
<input type='button' id='SubTask' title='Add sub Task' class='btnaddsub' onclick = 'AddSubTask( #: data.Id # );' >"
)

I want to show or hide this button when the #data.Show# is true. Please guide me in this.

Thanks in advance.

Grid

answered on 14 Apr 2014

2 answers

157 views

[Solved] App initialization from div container doesn't work

I came across this while trying to implement a universal Kendo UI app for phone/tablet based on this how-to:

http://docs.telerik.com/kendo-ui/howto/universal-mobile-apps-html5

When trying to initialize the application from a div instead from the body element, I'm getting an empty page with no output in the console. I have set this up here:

http://jsbin.com/mutes/2/

Now when you remove the wrapping div and initialize the app from the body (or give the body the id of the div), everything works fine.

General Discussions

answered on 14 Apr 2014

1 answer

78 views

Move to end of list

Dear Sirs,

I am building an application that will allow IM communication between providers and patients. I am using the following template to show the message:

</script>
<script id="messageTemplate" type="text/x-kendo-template">
                <div class="post-content">
                    <p>Date Of Message: #= date_time_created_to_string#</p>
                   <p>To: #= messageReceiverName#</p>
                    <p>From: #= messageSenderName#</p>
                    <p>Message:</p>
                   <p>#=message#</p>
                </div>
            <br>
</script>

I am using the following code to bind the template to a datasource and add when a new message is added to the data source. The code is working as expected. What I would like to happen is when a new message is added is there a way to scroll to that message so that the user does not have to?

        var template = kendo.template($("#messageTemplate").html());
        //var dataSource = new kendo.data.DataSource({data: category});
       messageDataSource = new kendo.data.DataSource({data: theMessages});

       messageDataSource.bind("change", function() {
       $("#example").html(kendo.render(template, messageDataSource.view()));
       });

Scott

General Discussions

answered on 14 Apr 2014

1 answer

215 views

Placeholder text?

Sitefinity uses the kendo editor for comments, so it's initalized through their scripts. Is there some way to set placeholder text onto the editor AFTER the fact?

...suggestions?

Editor

answered on 14 Apr 2014