Questions on Kendo UI for jQuery Forum

1 answer

164 views

InlineEdit - Need To Select Dropdown Twice to Capture Value

I have a simple grid where only a Boolean field needs to be change. The Boolean allows for nulls. When I edit the row, I have to select the value twice before it holds the value, then save. The selected value saves fine. Its just having to select it twice to get it to stick. Has anyone seen this behavior before?

Grid

answered on 17 Jan 2014

3 answers

39 views

Flip effect is strangely shaking in Firefox 26

Hello
After recent firefox / windows 8.1 update i'm seeing strange shaking when using flip effect. I can see the same behaviour on you web site and flip demo. It shakes during flip.
I'm using windows 8.1 and firefox 26.

Regards
Marcin

General Discussions

answered on 17 Jan 2014

5 answers

934 views

NumericTextBox for Large Values

Hey guys,

I'm using Kendo with MVC 3 and Html Helpers.

I need to receive possible large currency values, up to 19 digits and 2 decimal places, always positive. I have used the Min and Max methods, but I am observing a very peculiar behavior.

For reproducing purposes the values I'm using are:
Min() - 0
Max() - 9999999999999999999.99

Behaviors:

I write 17 digits 1's ( 11.111.111.111.111.111 ), after losing focus, the NumericTextBox shows me a random 2 instead of 1 at the end ( 11.111.111.111.111.112 ).
After that, it seems like any digit I input is being transformed and presented incorrectly. Some times the number presented, and the number that actually exists in the NumericTextBox are different (on edit mode, and view mode). The decimal place values are also transformed incorrectly after

At one point the value becomes ( 10.000.000.000.000.000.000 ), that is 20 digits with no decimal places. And I can't go above that, nor can I add any decimal place values to it.

There seems to be a lot of issues with the NumericTextBox control to numbers with more than 15 digits. Is this a known bug? Am I doing something wrong. Any help would be extremely helpful.

Thank you.

NumericTextBox

answered on 17 Jan 2014

2 answers

125 views

How to pass parameter value to wcf

Hi experts,

I'm new to Icenium and Kendo UI Mobile. What I'm doing is passing a value from one listview to another view. In the second view I wanted to show some other details based on the passed parameter. I tried the below but seems not working. Can anyone help????

my html

<div class="buttonArea">
<input type="submit" id="logout" data-role="button" data-bind="click: onLogout, visible: isLoggedIn" class="login-button" value="Logout" />
</div>

<div data-role="view" id="tabstrip-summary" data-title="Job Summary" data-show="showAssignJob">
<div class="buttonArea">

<ul id="jobassignList" class="list-content"
data-source="jobAssignData"
data-endlessScroll="true"
data-template="jobassignTemplate"
data-role="listview"
data-style="inset" data-pull-to-refresh="true" data-fixed-headers="true">
</ul>
</div>

</div>


<script id="jobassignTemplate" type="text/x-kendo-template">
<div>
<a href="\#jobupdateview?jb=#:data.JobNo#"
class="km-listview-link"
data-role="listview-link">
<h2>Pickup: \##=data.JobNo#</h2>
</a>
</div>
</script>


<div id="jobupdateview" data-role="view" data-title="Job Update" data-show="showUpdateJob">
<div class="buttonArea">
<ul id="jobUpdateList" class="list-header" data-source="jobUpdateData" data-template="jobUpdateTemplate" data-role="listview"></ul>

</div>
</div>


<script id="jobUpdateTemplate" type="text/x-kendo-template">
#= renderStatusTemplate(data.JobNo) #
<h3>Pickup: Job\# #=data.JobNo#</h3>
</script>

my js file.

function showUpdateJob(e) {
view = e.view;
var jbn = view.params.jb.toString();
alert(jbn); //value coming correctly
var jobUpdateData = new kendo.data.DataSource(
{
transport: {
read: {
url: varURL + "GetDispatchItem/TD001/OFD/" + jbn, //here I'm passing data to wcf
data: {
Accept: "application/json"
}
}
},
filter: { filters: [{ field: "JobNo", operator: "eq", value: jbn}] }

});

var jobUpdateTemplate = kendo.template($("#jobUpdateTemplate").text());

jobUpdateData.fetch(function () {
var jb =jobUpdateData.at(0);
view.scrolllerContent.html(jobUpdateTemplate(item));
kendo.mobile.init(view.content);
});

}

General Discussions

answered on 17 Jan 2014

1 answer

59 views

Grid filterable date selection

Hi,

How can I change the date format of the filterable column in the KendoGrid?

It's currently MM/dd/yyyy, I need to change it to dd/MM/yyyy.

http://img.ctrlv.in/img/52d88b349bfdd.jpg

Thanks.

Grid

answered on 17 Jan 2014

1 answer

108 views

Floating Stacked Bar

Hi Team,

I have a requirement on the floating stacked bar chart can this be done in Kendo? Please see the attached PNG file. I need to create a chart similar to the attached. It would be great helpful if you could provide with an example.

This has to be done through MVC4 application.

Regards,
Anas

Charts

answered on 17 Jan 2014

3 answers

84 views

Sometimes my grid will refire events

For instance, it might fire the create event on every CRUD event. I cannot say it is always the case, but it appears to normally be re-firing an event that was already fired (and processed).

My grid is bound to a ModelView for the and we actual do the update on the database model, but i always fill in the key on the object that was passed in and then return the modelView.

Below is an example of the grid in my view:

@(

Html.Kendo().Grid<.Models.ConnectionView>()

.Name("ConnectionView")

.Columns(columns =>

{

columns.ForeignKey(c => c.ConnId, Model.All, "Value", "Text").Title("Restriction");

columns.Bound(c => c.MaxEnrollment);

columns.Command(command =>

{

command.Custom("move-up").Text("u").Click("OnMoveUp");//, "Home", new {Area="Sessions",id="#=Id#" });

command.Custom("move-down").Text("d").Click("OnMoveDown");//, "Home", new { Area = "Sessions", id = "#=Id#" });

command.Edit();

command.Destroy();

});

})

.Pageable(page =>

{

page.Enabled(true);

page.Input(false);

page.Numeric(false);

page.PreviousNext(true);

page.Messages(message => message.Empty("There are no records to show. Click the Add button to create a row"));

})

.ToolBar(toolbar => toolbar.Create().Text("Add"))

.Editable(editable => editable.Mode(GridEditMode.InLine))

.DataSource(dataSource => dataSource

.Ajax()

.Events(events =>

{

events.Error("error_handler");

})

.Model(model =>

{

model.Id(m => m.Id);

model.Field(m => m.ConnId).DefaultValue(int.Parse(Model.All.First().Value));

})

.Create(update => update.Action("ConnectionView_Create", "Home"))

.Read(read => read.Action("ConnectionView_Read", "Home"))

.Update(update => update.Action("ConnectionView_Update", "Home"))

.Destroy(update => update.Action("ConnectionView_Destroy", "Home"))

)

Example of my create method:

public ActionResult RestrictionConnectionView_Create([DataSourceRequest] DataSourceRequest request, RestrictionConnectionView connector)

{

var newConn = new OrientationSession_RestrictionConnector();

if (ModelState.IsValid)

{

var restrictionRepo = new EFRepository<Restriction>(_uow);

var restriction = restrictionRepo.GetByKey(connector.RestrictionId);

var repo = new EFRepository<Conn>(_uow);

var session = repo.WhereIncluding(w => w.Id == _WorkingSessionId, i => i.RestrictionConnectors).FirstOrDefault();

if (session != null && restriction != null)

{

newConn.OrientationSessionId = _WorkingSessionId;

newConn.Restriction = restriction;

newConn.MaxEnrollment = connector.MaxEnrollment;

newConn.CreatedBy = User.Identity.Name;

newConn.SequenceNumber = session.RestrictionConnectors == null || session.RestrictionConnectors.Count == 0 ? 1 : session.RestrictionConnectors.Max(m => m.SequenceNumber) + 1;

session.RestrictionConnectors.Add(newConn);

repo.Update(session);

_uow.Commit();

ResetSessionVars();

}

connector.Id = newConn.Id;

return Json(new[] { connector }.ToDataSourceResult(request, ModelState));

}

Thanks,
Logan

Grid

answered on 17 Jan 2014

1 answer

216 views

"Initialization from table" grid in the style (class, align ..) apply

            <table id="grid">
                <colgroup>
                    <col />
                    <col />
                    <col style="width:110px" />
                    <col style="width:120px" />
                    <col style="width:130px" />
                </colgroup>
                <thead>
                    <tr>
                        <th data-field="make" style="text-align:center;">Car Make</th>
                        <th data-field="model">Car Model</th>
                        <th data-field="year">Year</th>
                        <th data-field="category">Category</th>
                        <th data-field="airconditioner">Air Conditioner</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="table-cell" style="text-align: center; font-size: 14px">Volvo</td>
                        <td>S60</td>
                        <td>2010</td>
                        <td>Saloon</td>
                        <td>Yes</td>
                    </tr>
                    <tr>
                        <td>Audi</td>
                        <td>A4</td>
                        <td>2002</td>
                        <td>Saloon</td>
                        <td>Yes</td>
                    </tr>
                </tbody>
            </table>
            <script>
                $(document).ready(function() {
                    $("#grid").kendoGrid({
                        sortable: true
                    });
                });
            </script>

<td class="table-cell" style="text-align: center; font-size: 14px"> application of the central alignment and class, what should I do?

Grid

answered on 17 Jan 2014

3 answers

98 views

Do fixedHeaders work when native scrolling is enabled?

Is the fixedHeaders (#1) option supported in a listview which is located inside a view which has native scrolling enabled (#2)?

#1 http://docs.kendoui.com/api/mobile/listview#configuration-fixedHeaders
#2 http://docs.kendoui.com/api/mobile/view#configuration-useNativeScrolling

As far as I understand native scrolling doesn't trigger virtual mode on a listview, hence it should work fine.

ListView (Mobile)

answered on 17 Jan 2014

1 answer

345 views

filterable - search more than one field

Hello,

first of all thanks for this amazing framework!
I just have one quick question, because I am using your ListView and I would like to search for more than one field. I was reading through your documentation and it seems like there are a few differences in between the Web API and the Mobile API.

function viewInit(e) {

e.view.element.find("#listView").kendoMobileListView({

dataSource: [

{ id: 1, text: "foo" },

{ id: 2, text: "bar" }

],

template: "id: #: id# with text: #: text#",

filterable: [

{ ignoreCase: true, field: "text" },

{ field: "id" }

]

});

}

This theoretically does not work, does it? Or am I doing anything wrong?
I would appreciate any further help!

Edit:
I know I could just use the operator and "contains" and put all the information in one string, but I was just wondering whether such thing was possible or not.

ListView (Mobile)

answered on 17 Jan 2014