Questions on Kendo UI for jQuery Forum

5 answers

1.1K+ views

[Solved] 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

167 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

66 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

143 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

108 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

242 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

121 views

[Solved] 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

367 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

1 answer

104 views

Grid Edit

Hi Kendo Team,

I've a Panel bar in my page, and every panel bar has a grid in it. The problem is when I click on the edit button of the grid in the first panel bar and then the edit button of the grid in the second panel bar, the custom editors just goes haywire. Is it possible to have only one grid in edit mode? If I click in the edit button of the second grid, the edit mode of the first grid is cancelled and vice versa.

Please have a look at the image attached.

Thank you
Niroj

Grid

answered on 17 Jan 2014

1 answer

105 views

KendoUi web Combobox binding

Hi,

I am new to Kendo Ui web controls.
I have downloaded Kendo Ui complete package.
I have a KendoUi web combobox which i want to bind.I have added a web service page viz. Webservice.asmx, in which i have function that returns a datatable having 2 columns i.e. DataText column and DataValue column. (which is required for a combobox to bind). But my combobx is not loading at all..please help me on this.
m i on the right track?..OR Is it that i have to return data only in json or xml format? can't we use a datatable?
Please reply soon...its urgent.
I want the app to run on mobile devices.

Thanks,
Shreya

ComboBox

answered on 17 Jan 2014