Questions on Kendo UI for jQuery Forum

0 answers

130 views

hello all. Use kendo ui Mobile with great satisfaction! is very powerful.
But I have a problem I can not solve.
how can I get these links?

<a href="#link.html?id=1">
<a href="#link.html?id=2">
<a href="#link.html?id=3">

when calling a link works fine, but quanro recall another link, the page is blank.
while if I need to refresh the page is loaded correctly.
please help me.

ModalView

asked on 25 Oct 2012

2 answers

305 views

Drop down list inline styles

Hi,
I'm new in KendoUI. I am using the dropdown list feature and I have some issues with the styling of the list. The DIV's with these classes:
"k-list-container k-popup k-group k-reset" and "k-list-container k-popup k-group k-reset" receive some inline styles that are in conflict with the styles I want to apply to the elements. Is there a way to overwrite them by using css? By now I couldn't find a workaround for this problem. Greetings, Vessi

DropDownList

answered on 25 Oct 2012

0 answers

119 views

filtering data

Hi,

I'm using dropdownlist and autocomplete to search data from backend.when I am filtering data in autocomplete the data is working as i seen in img1 image which I have attached.But the problem is if I try to get the data related to the dropdown list selected item the autocomplete is not working. I need the results as attached example images img2 and img3. If I select the data as DataItem1 then data related to that data only should be displayed.

I have worked out on this using filters but in autocomplete if I use more than one filter then autocomplete is not firing.

Any help is appreciated.

Regards,
srinu

Grid

asked on 25 Oct 2012

0 answers

202 views

Title or separator in combobox

Hi,

Is there a simple method to include a separator or sub-titles in the the list of items displayed in a combobox?

I use a template to render the item contents, and can change the text if the item from the server data is a separator, but it is still selectable. I suppose I am looking for a class or something that I can put on the item to make the item un-selectable.

My combobox has number of preferred values at the top of the list, but offers the user additional options that may be relevant in rare cases. I would like to visually separate the preferred options from the rarely used options.

Sample:
template: '# if (data.Divider != true) { #<span>${ data.RowLabel }</span> # } else { # <div class="nonselectable">${ data.RowLabel}</div> # } # '

ComboBox

asked on 25 Oct 2012

0 answers

391 views

kendomobilelistview button click event fire twice

Hi,

i am facing some stupid problem. i have try lots other way but i am not getting success.

i am using kendomobilelistview with template binding with $.ajax every thing working fine but button click event fire on time then if refresh data(using endlessScroll) then button event fire twice and again refresh listview then click on button then fire three time event. if we do same process again then again fire 4 event.

if refresh list view then continue increase event again and again.

dataSource with service

var JobActionItemDataSource = new kendo.data.DataSource({

pageSize: 15,

serverPaging: true,

transport: {

read: function (options) {

window.kendoMobileApplication.showLoading();

$.ajax({

url: urlstring + "GetJobTaskByEmployeeID",

data: {

UserID: JSON.stringify(localStorage.getItem("AuthorizedUserId")),

CompanyType: JSON.stringify($('#radio_Marketing').attr('checked') ? 1 : 0),

PageSize: options.data.pageSize,

PageNumber: JobActionItemPageIndex

},

dataType: "jsonp",

success: function (result) {

options.success(result.d);

JobActionItemPageIndex += 1;

}

});

},

data: function (response) {

alert(response.d);

return response.d;

}

});

init function

// view design here

<div data-role="view" data-title="Action items" id="view-actionitems" data-init="init_ActionItemsLanding"

data-show="show_ActionItemsLanding">

<header data-role="header">

<div>

<img src="img/CompanyLogo.png" width="100px" height="34px" />

<a class="km-rightitem" data-rel="popover" href="#popover-actionitems" data-role="button">Jump To</a>

<a class="km-rightitem" data-click="Logout" data-role="button">Logout</a>

</div>

</header>

<ul id="endlessscrolling-JobActionItemsBinding">

</ul>

</div>

/// script code

<script id="endlessscrolling-JobActionItemsBinding-template" type="text/x-kendo-template">

<div class="tweet">

<div class="notesmessage">

<span >

#if(JobID!=0){#

<div> <a id=

"WorkFlowTaskId=#=WorkFlowTaskId#&RequiredCompletionActionID=#=RequiredCompletionActionID#&JobID=#=JobID#&TaskID=#=TaskID#"

data-role="button" class="km-button" data-click="GoActionitemcompleteevent"

style=

"width:auto; background: none repeat scroll 0 0 transparent;box-shadow: none;color: blue;margin-left: 0;text-decoration:underline;padding: 5px;width: auto;text-align: left;"

>#= Task #</a></div>

<br/>

#=DueTimeFrameColorFormat#

#} else{#

#= Task # <br/>

#}#

#= DueTimeFrame # </span>

<div style="text-align: center;">

#if(JobID!=0){#

<a id="#=JobID#" data-role="button" data-click="job_jobdetails" style="width:145px;padding: 5px;" >#= JobNumber # </a>

<a name="0" id=

"WorkFlowTaskId=#=WorkFlowTaskId#&RequiredCompletionActionID=#=RequiredCompletionActionID#&JobID=#=JobID#&TaskID=#=TaskID#"

data-role="button" data-click="GoActionitemcompleteevent" style="width:70px;padding: 5px;" >Complete</a>

<br/> #}#

<a id="#=CustomerID#&Type=#=CustomerType#" data-role="button" data-click="GotoViewContactInformation" style="width:145px;padding: 5px;" ><span style="font-size: 0.8em; font-style:italic;">#= EmployeeName #</span></a>

#if(JobID!=0){#

<a id="ID=#=JobID#&JobNumber=#=JobNumber#" data-role="button" data-click="GoToViewJobAddActionItems" style="width:70px;padding: 5px;" >Add</a>

#}else{#

<a id="ID=#=CustomerID#&Type=#=CustomerType#&ContactName=#=EmployeeName#" data-role="button" data-click="GoToViewAddMarketingActionItem" style="width:70px;padding: 5px;" >Add</a>

#}#

</div>

</script>

// init function

function init_ActionItemsLanding(e) {

$("#endlessscrolling-JobActionItemsBinding").kendoMobileListView({

dataSource: JobActionItemDataSource,

template: kendo.template($("#endlessscrolling-JobActionItemsBinding-template").text()),

endlessScroll: true,

scrollTreshold: 30

});

}

// show funciton

JobActionItemPageIndex = 1;

var refreshJobActionItems = $("#endlessscrolling-JobActionItemsBinding").data("kendoMobileListView");

refreshJobActionItems.dataSource.read(1);

refreshJobActionItems.refresh();

thanks,

Raghw

ListView (Mobile)

asked on 25 Oct 2012

3 answers

421 views

MinLength 0?

I would like for my autocomplete box to populate on focus and then filter down as the user types, essentially giving it a minlength of zero. Just setting the minlength to 0 doesn't seem to do it. I also tried using a combobox instead but it only makes a single web service call and then filters down the data from the call (instead of retrieving fresh data).

The reason that doesn't work for me is the resulting data can be anywhere from 0 to thousands, and my web service only returns the top 20 results, so I need to refreshing the datasource as the user types. The autocomplete does this perfectly, but like I said I just can't get it to populate without any user input.

What do you recommend?

AutoComplete

answered on 25 Oct 2012

3 answers

92 views

// Strange this one is...

JustCode is reporting an error on kendo.mobile.all.min.css
and the source is "// Strange this one is..." on line 9 Col 111356

There are a total of 142 error in kendo.mobile.all.min.css

Maybe somebody should dogfood the all the css files

Pat NH USA

General Discussions

answered on 25 Oct 2012

4 answers

249 views

After error, grid is unresponsive

In the current screen where I am working with the Kendo Grid, I send a JSON object that will be validated by the webservice before it sends results back.

When I send data however that causes a business validation error (incorrect combination), the webserver returns a 400 Error, and the error message which I handle in the error handler (
error: function(e){
//JqueryPopup showing message
}

After however, my grid is completely unresponsive. I can no longer sort, refresh the datasource, or any other activity. Even when I take out all error handling, the behaviour is the same.

Is there something wrong with my implementation?

I have found a work around - The Datasource has flagged it a Request in progress (datasource._requestInProgress = true)

It works after I reset this flag to false, but i'm not sure why this is occurring in the first place.

thanks!

Grid

answered on 25 Oct 2012

0 answers

129 views

Grid paging without OData

Is there any way to do paging in Kendo Grid without resorting to OData?

I just want the skip and take parameters passed into my controller. That's all I need. OData breaks a whole bunch of encapsulation for us and is just such a tremendous burden to implement without breaking existing architecture.

So please is there a way, to get to OData for paging without resorting to Web API or WCF Data services.

Thank you

Grid

asked on 25 Oct 2012

1 answer

209 views

grid popup editor numeric text box ignores culture

I have a grid with a pop-up editor that contains a date picker control and numeric text-box. On page load I change the kendo culture

kendo.culture("de-DE");

All data shows up correctly on the grid. Now when I click on "Edit", the popup shows up with the right date. But the value in the numeric text-box is not correctly displayed. It shows a "." instead of ",". (grid1.png)

And also when I change the values form 3.7 to 3.8; the numeric text box shows it as 38 instead of 3.8 (grid2.png)

Any ideas how this should be tackled?
Thanks.

Grid

answered on 24 Oct 2012