Questions on Kendo UI for jQuery Forum

5 answers

341 views

Grid Dropdown Editor Problem with New Version!

According to the example http://demos.telerik.com/kendo-ui/grid/editing-custom I implemented a dropdown editor in a Grid popup editor with Kendo Grid version 2014.3.1411.

Now, with version 2015.2.624 it does not set the dropdown list to the value the item already has. Wasted 2 hours to find out :-((

Does anyone have an idea why and for what reason we have this degradation of code with the new version? Thanks in advance!

Martin

Here is the code that works in the old version:

function mt_measurandDropDownEditor(container, options) {

$(

'<input id=\"dde_mt_measurand\" name=\"MT_MEASURAND\" data-text-field=\"TY_LONGNAME\" data-value-field=\"TY_ID\"  data-bind=\"value:'

+ options.field + '\" />')

.appendTo(container)

.kendoDropDownList({dataTextField: \"TY_LONGNAME\", dataValueField: \"TY_ID\", name: 'MT_MEASURAND', autoBind: false, optionLabel: '--- bitte wÃ¤hlen ---',

dataSource: {

type: \"odata\",

transport: {

read: {

url: function (data) {

return odataServiceName + 'Codes';

},

dataType: 'json'

},

parameterMap: function (data, action) {

if (action === 'read') {

var domainFilter = \"TY_DOMAIN eq guid'1e68ffd6-aaaa-4558-94e1-23df53e5a6c6'\";

var d = kendo.data.transports.odata.parameterMap(data);

if (d.$filter) {

d.$filter = domainFilter + \" and \" + d.$filter ;

} else {

d.$filter = domainFilter;

}

return d;

} else {

return data;

}

},

schema: {

data: function(data) {

return data;

},

total: function(data) {

return data.length;

},

model: {

id: \"TY_ID\",

fields: {

TY_ID: { type: 'string' },

TY_NAME: { type: 'string' },

TY_LONGNAME: { type: 'string' }

}

},

change: function(data) {

kendo.bind($('#dde_mt_measurand'), data.items);

$('#dde_mt_measurand').attr('dataloaded', 'true');

}

})

};

Grid

answered on 13 Jul 2015

1 answer

7.0K+ views

looping through a row template grid and change values on DataBound

How can we change the html span value inside kendo onDataBound event after getting the binded gridview.
Is it possible to loop through the local gridview rather than the dataSource again.

<tr data-uid="#= uid #">
            <td id="FSRClass" class="FSRClass">
                <span id="fsrNum" runat="server" >#: textForFSRTracking(FSR_TRACKING) # </span><span runat="server" style="display:none;" >#: textForWORequestNumber(WO_NUMBER) #</span><br />
                <span id="WOstatus">#: WorkOrderStatusName #</span><br />
                <span runat="server" style="display:none;" >WOName</span>
               <span id="duedate" runat="server" style="background-color: #:DisplayBannerColourFront # ">#: DATE_DUE #</span>
            </td>
</tr>

I need to get the DATe_DUE and the WorkOrderStatusName values, check for some conditions and change the value nad backgroundcolor of the duedate span accordingly.
I am new to Kendo and couldnt get around it.How can I get that done.

Thanks so much in Advance

Grid

answered on 13 Jul 2015

5 answers

743 views

Set grid with virtual scrolling enabled to specific page

Hi,

is there a way to set a grid with virtual scrolling enabled to a specific page with vertical scrollbar properly working?

I'd like the grid to show all rows that are part of page 15 for instance.

I achieved that by using the following code snippet:
var pageToLoad = 15;

var grid = $('grid').data("kendoGrid");
            var dataSource = grid.dataSource;
            dataSource.page(pageToLoad);
                dataSource.query({
                    page: pageToLoad,
                    group: dataSource.group(),
                    filter: dataSource.filter(),
                    sort: dataSource.sort(),
                    pageSize: dataSource.pageSize()
                });

But after loading the correct data the scrollbar is positioned at top (does not reflect position ratio compared to total) and if I now use the scrollbar to go to the next page (16) page 1 is shown after loading data.

Best regards
Dirk

Grid

answered on 13 Jul 2015

3 answers

141 views

getOccurrencesInRange(start, end) doesn't seem to account for all day events

I'm working on adding collision detection so there can only be one event per time slot... getOccurrencesInRange(start, end) doesn't seem to account for all day events that fall within the given range.

Is this a known/unknown issue, or a design decision?

Scheduler

answered on 13 Jul 2015

1 answer

147 views

Navigate to local view in remote view

Hi,

I'm have a remote view which I'll name here "multiplelocalviews.html" with multiple local views...example below:

Local View 1

</div>

Local View 2

</div>

Local View 3

</div>

When I try and navgiate to a particular local view in this remote view from a different page the app seems to navigate to the correct view then change to Local View 1.

I've tried to navigate using both the following methods:

<a href="multiplelocalviews.html#LocalView1" data-role="button" data-ajax="false" style="width: 100%">Local View 1</a>
<a href="multiplelocalviews.html#LocalView2" data-role="button" data-ajax="false" style="width: 100%">Local View 2</a>
<a data-click="localViewThree" data-role="button" data-ajax="false" style="width: 100%">Local View 3</a>

function localViewThree() {
app.navigate("multiplelocalviews.html#LocalView3");
}

But neither seems to work.

Any advice?

Thanks

Application

answered on 12 Jul 2015

3 answers

104 views

Issue using pullToRefresh in Desktop site

I have a site where I am mixing mobile and desktop widgets, in some cases I show a mobile widget if viewed on a mobile device. I am trying to use the mobileListView with the below code.

01.<script id="tmp" type="text/x-kendo-template">

02.

03. <p>#: name # <span>Age: #: age #</span></p>

04.</script>

05.<script>

06.

07. var dataSource = new kendo.data.DataSource({

08. data: [

09. { name: "Jane Doe", age: 30 },

10. { name: "John Doe", age: 33 }

11. ]

12. });

13.

14. $("#lv-detail").kendoMobileListView({

15. dataSource: dataSource,

16. pullToRefresh: true,

17. template: kendo.template($("#tmp").html())

18. });

19.</script>

I get an error stating Cannot read property 'setOptions' of undefined. I have followed the instructions here on using mobile widgets with desktop:

http://docs.telerik.com/kendo-ui/mobile/regular-usage

I have version v2015.2.624 of the components.

You can see the issue here:

http://dojo.telerik.com/oQAtO

If you remove the pullToRefresh attribute the list view renders

ListView (Mobile)

answered on 12 Jul 2015

2 answers

135 views

Grid looses position if the filtered item doesn't exist in grid

I have a grid with the data and when i scroll in the middle of the grid and filter one of the column(for existing data), the position of the bottom scroll bar doesn't change and it shows the filtered data. However if i filter the column with the data that doesn't exist in the column, the position of the bottom scroll bar moves to starting position on left. Is there any way to keep the position of scroll bar at the same position where the filter was made?

Thanks

Sanjeev

Grid

answered on 10 Jul 2015

2 answers

157 views

[Solved] Dirty Indicator disappeared unexpected

I faced a problem about dirty indicator（the red triangle on the top left of a cell）.

You could reproduce it by the following step by using the attached sample.

1.Focus a cell in "Product Name" column, and change the value.

2.Click the space area out of the grid.

You may notice that the dirty indicator on "Product Name" and "Unit Price" cell twinkled and disappeared soon. This is not expected.Because I have changed the values of them.

But with the next scenario, dirty indicator will be displayed with a expected behavior.

1.Focus a cell in "Product Name" column, and change the value.

2.Click other cell in the grid.

You may find that the the dirty indicator will be displayed in the top left of the edited cell and a cell in "Unit Price".

In my sample, I created a handler to process the changed event for "Product Name".

And in the handler, a ajax request is posted. In the success method for the request, I change the value of "Unit Price" property of the same entity.

I think this is a familiar scenario, and will be used in my application.

I want to know if there is any way to keep displaying Dirty Indicator when I changed some value and click out of the grid.

Grid

answered on 10 Jul 2015

4 answers

983 views

How to enable/disable tabstrip tab in angular

Hey all,

I know this is probably super simple, but I have not been able to find how to enable/disable tabs from within the angular controller (not jquery) for a tabstrip in angular.

Can someone point me to a sample on how to do this?

Thanks

TabStrip

answered on 10 Jul 2015

4 answers

232 views

[Solved] Delay between 'click' and 'deactivate' because of animation

Hi,

We are working with the Context Menu. The problem we are dealin with is an unwanted 'flash' of content because of a delay between the menu's click event and its deactivate event.

A simplified example can be found here: http://dojo.telerik.com/IpOXI/3

Basically, the deactivate event is not fired until the animation of the menu is complete. We would prefer if there was not such a delay between the events.

What are the best ways of handling this problem?

Menu

answered on 10 Jul 2015