Questions on Kendo UI for jQuery Forum

2 answers

708 views

[Solved] How to reload tabstrip when datasource changes?

I'm trying to filter a tabstrip using the selection of a local datasource. How do you completely reload the tabstrip, adjusting for the new filtered datasource?

Attached is a fiddle with an example... obviously I didn't wire up the reload event because I didn't know where to go with it.

http://jsfiddle.net/clechner/pnRnA/

TabStrip

answered on 27 Jul 2012

1 answer

110 views

Styling, Stretching, and DataBinding

I tried to CSS style the slider with a percentage width of it's container (100%), this made the slider go for three lines (since the top level window is very large).

I am actually using this as a progress meter, So I suppose I should disable it, but the faded look is not what I am looking for. All I want to do is remove the thumb of the slider, not a big issue, but it might be something to consider.

Also, since it is a progress meter, data-binding would be nice.

Slider

answered on 27 Jul 2012

0 answers

236 views

Refresh a view of a tabstrip

Hi,

i put a form inside a view... in a tabstrip, now i want to try to change the view content (with a listview).... i tryed this but it don't work, the refresh with jquery fully break kendo ui!:

<div id="figa" data-role="view" data-title="Form Elements" data-init="initForm" data-layout="mobile-tabstrip">
<form action="/newOrdine/" method="post">
<ul data-role="listview" data-style="inset">
<li>
<select>
<option value="First Option">First Option</option>
<option value="Second Option">Second Option</option>
<option value="Third Option">Third Option</option>
<option value="Fourth Option">Fourth Option</option>
</select>
Select element
</li>
</ul>
</form>
<a class="button" data-role="button" type="submit">Home</a>
<a class="button" data-role="button" onclick="javascript:submitForm();">Facility</a>
<a class="button" data-role="button" href="#sports" style="background-color: #f60">Sports</a>
</div>

<script>
function submitForm() {
alert('a');
//$("#container").empty().html('<img src="/static/indicator.gif"/>');
var nome = 'pippo';
$('#figa').load('/newOrdine/', {'nome':nome});
}
</script>

TabStrip (Mobile)

asked on 27 Jul 2012

0 answers

101 views

Event for sorting

Hi,

I know that the dataBound event is fired when sorting occurs. This event is generic however, and I cannot tell whether it is being fired as a consequence of sorting.

Is there a way to handle only the sorting event?

Thanks

Grid

asked on 27 Jul 2012

0 answers

97 views

integration with other technologies

Is there integration with other technologies?

General Discussions

asked on 27 Jul 2012

0 answers

180 views

Server Paging

I'm trying to set up server paging for remote data that I'm accessing via an ajax call. My dataSource looks like this:

var data = new kendo.data.DataSource({

transport: {

read: function(options) {

$.ajax( {

url: "http://localhost/Projects/rpc",

contentType: "application/json",

dataType: "json",

data: JSON.stringify({"method": "breq.getBreqs"}),

type: 'POST',

success: function (result) {

//alert("success");

options.success(result)

},

error: function (jqXHR, textStatus, errorThrown) {

alert("Error: " + textStatus);

options.error(jqXHR, textStatus, errorThrown)

},

});

}

},

serverPaging: true,

pageSize: 10,

schema: {

data: "result"

},

});

I understand that the server has to handle the paging itself however when I look at the AJAX request through chrome developer tools all I can see in the request payload is "{"method": "breq.getBreqs"}". Is the positioning of my paging settings correct and what is sent in the request to represent it so that I can pick it up on my server?

Grid

asked on 27 Jul 2012

1 answer

7.6K+ views

[Solved] Grid Select By Id

Hi all!
I created this helper function to select rows by id, it works well in FF and Chrome, but not in IE.

function gridSelectById(gridName, id) {
    var grid = $("#" + gridName);
    var data=grid.data("kendoGrid");
    var row = data.tbody.find(">tr:not(.k-grouping-row)").filter(function (i) {
      return (this.dataset.id == id);
    });
    data.select(row);
}

Seems like "dataset" is not defined on the row for IE9. Is this a known issue? Is there a better way of achieving the same result that I'm missing?

Cheers,
Andrés

Grid

answered on 27 Jul 2012

1 answer

158 views

Missing "}" kendo.common.min.css

Missing closing } in kendo.common.min.css
at
.k-floatwrap,.k-slider-items,.k-grid-toolbar{ display:inline-block;

General Discussions

answered on 27 Jul 2012

1 answer

242 views

[Solved] ComboBox Autocomplete with Webservice

I am in the process of switching a Telerik MVC ComboBox with the Kendo equivalent.

How to I accomplish the below code in KENDO?

@(Html.Telerik()
.ComboBox()
.HtmlAttributes(new { style = "width: 300px" })
.Name("cbCountry")
.AutoFill(true)
.DataBinding(dataBinding => dataBinding.WebService().Select("~/Code/WCF/LoadOnDemand.svc/LoadCountry"))
.Filterable(filtering =>
{
filtering.FilterMode(AutoCompleteFilterMode.StartsWith);
})
.HighlightFirstMatch(true)
)

ComboBox

answered on 27 Jul 2012

1 answer

901 views

Nullable boolean fields are always converted to true or false

Hi there,

I'm using a datasource with a grid an I need to be able to handle null values in boolean fields differently from false. However, when the DataSource gets its data and runs through convertRecords() it converts all the boolean fields to true or false even if I've marked the field as nullable:true. Is there a way to get around this and actually show nulls for boolean fields?

Here's a JS fildde with a nullable boolean being converted to false: http://jsfiddle.net/mtrichards26/wCd4T/21/

Thanks!
Matt

Data Source

answered on 27 Jul 2012