Telerik Forums
Kendo UI for jQuery Forum
3 answers
2.0K+ views
I want to change the look and feel of the scroll bars coming over the kendo window contents or components. Is there any way to change the style of scroll bar.  
Dimo
Telerik team
 answered on 23 Mar 2016
1 answer
2.2K+ views

Hi KendoUI Team,

I'm using Kendo Grid, but found and error

Uncaught TypeError: e.slice is not a function

 

01.var data = new kendo.data.DataSource({
02.            transport: {
03.                read: {
04.                    url: "/admin/api/tenant/list",
05.                },
06.                schema: {
07.                    data: "list",
08.                    total: "total"
09.                }
10.            }
11.        });
12. 
13.        $scope.gridOptions = {
14.            sortable: true,
15.            pageable: true,
16.            dataSource: data,
17.            height: 350,
18.            sortable: true,
19.            selectable: "row",
20.            columns: [
21.                {
22.                    field: "tenant_code",
23.                    title: "Tenant Code"
24.                }, {
25.                    field: "tenant_name",
26.                    title: "Tenant Name"
27.                }
28.            ]
29.        };

The JSON Response is something like this

{"list":[{"tenant_id":10,"tenant_code":"PX","description":"PX","tenant_key":"cf4f483867e0c770dda73062a492b370","tenant_name":"PX","email":"admin@px.com","host":"","create_datetime":"20150729163732","create_user_id":-1,"update_datetime":"20150729163732","update_user_id":-1,"version":0,"active":"Y","active_datetime":"20150729163732","non_active_datetime":" "},{"tenant_id":11,"tenant_code":"ST","description":"ST","tenant_key":"d41d8cd98f00b204e9800998ecf8427e","tenant_name":"ST","email":"admin@st.com","host":"www.st.com","create_datetime":"20160322035919","create_user_id":-1,"update_datetime":"20160322035919","update_user_id":-1,"version":0,"active":"Y","active_datetime":"20160322035919","non_active_datetime":" "}],"total":2}
Rosen
Telerik team
 answered on 23 Mar 2016
5 answers
269 views

I am having a problem with a simplest of forms that uses a list view to contain fields. I have two NumericTextBox fields with format set to 'c0' (currency), one outside of the listview and another inside. I want both to look same like the one outside of the list. What's wrong and how can I fix that? Thanks a lot!

HTML:

<div data-role="view" data-title="Home" data-model="app.home" data-show="app.home.onShow" data-after-show="app.home.afterShow">
    <div id="homeModel" class="form-view">
        <form>
                <div class="form-content-item">
                    <label>
                        <span>Income 2</span>
                        <input id="income2" data-bind="value: homeModel.fields.income" type="number">
                    </label>
                </div>
            <ul class="form-content" data-role="listview" data-style="inset">
                <li>
                    <label>
                        <span>Income</span>
                        <input id="income" data-bind="value: homeModel.fields.income" type="number">
                    </label>
                </li>
            </ul>
            <div class="button-group">
                <a class="primary" data-role="button" data-bind="events: { click: homeModel.submit }">Results</a>
            </div>
        </form>
    </div>
</div>

Script:

app.home = kendo.observable({
    onShow: function () {
        $("#income").kendoNumericTextBox({
            format: "c0",
        });
        $("#income2").kendoNumericTextBox({
            format: "c0",
        });
    },
    afterShow: function () {}
});

 

 

Sergei
Top achievements
Rank 1
 answered on 23 Mar 2016
1 answer
285 views

Hello,

I have a grid with 2 columns. One column is a product code that the user should enter, and the other is product quantity that should be filled automatically after the user enter the product code. This should be done on change event.

The product quantity is obtained by a service.

Atm the user Inserts the Product Code in the first cell, and in the second cell the value is showed.

I had to make a few workarounds since i wanted that the cell after losing focus, or hit enter should save the row. (I made this due to the fact I wasn't able to make the second row not editable).

Because of this, the user experience a bit of delay, between entering the value and updating the other cell.

How can i make this quicker? Or put a loading gif until it updates?

My code is:

01.var dataSource = new kendo.data.DataSource({
02.    batch: false,
03.    autoSync: false,
04.    data: [],
05.    pageSize: 20,
06.    schema: {
07.        model: {
08.            id: "ProductID",
09.            fields: {
10.                ProductCode: { type: "string", validation: { required: true } },
11.                ProductQuantity: { type: "number", validation: { required: false, editable: false } }
12.            }
13.        }
14.    },
15.    edit: function (e) {
16.        if (e.model.isNew() == false) {
17.            $('[name="ProductQuantity"]').attr("readonly", true);
18.        }
19.    },
20.    change: function (e) {
21.        if (e.action == "itemchange" && e.field == "ProductCode") {
22.             
23.            apModel.getProductQuantities(e.items[0].ProductCode).ifFetched().then(function (data) {
24.                var obj = JSON.parse(data.Response);
25.                var grid = $("#ap-grid").data("kendoGrid");
26.                var data = grid.dataSource.data();
27. 
28.                data[0].set('ProductQuantity', obj[0].qty);
29.            })
30.            $("#ap-grid").data("kendoGrid").saveRow();
31. 
32.        }
33.         
34.    }
35.});
36. 
37.$("#ap-grid").kendoGrid({
38.    dataSource: dataSource,
39.    pageable: false,
40.    height: 550,
41.    toolbar: ["create"],
42.    columns: [
43.        { field: "ProductCode", title: "Product Code" },
44.        { field: "ProductQuantity", title: "Quantity" },
45.                                   { command: ["destroy"], title: " ", width: "250px" }],
46.    editable: "inline",
47.});

Any suggestions?

thanks in advance

Dimiter Topalov
Telerik team
 answered on 23 Mar 2016
1 answer
156 views

I am using a Kendo UI kendoComboBox that fetches remote data using a DataSource. Sometimes the values fetched are too large to fit in the kendoComboBox, so is it possible to adjust/autofit the width of the kendoComboBox after the data has been loaded ?

 

Thanks.

Dimiter Topalov
Telerik team
 answered on 23 Mar 2016
4 answers
287 views

Hello

I wanted to let you know that you can "cheat" masked textbox. I created a masked textbox allowing hours, minutes and seconds in format: hh:mm:ss while "mm" and "ss" cannot be higher than 59 as it makes sense:

$("#eventobjecttime").kendoMaskedTextBox({
mask: "00:~0:~0",
value: "00:00:00",
rules: {
"~": /[0-5]/,
}
});

That works fine but if I enter f.e. "05:47:58" (what is fine and allowed by set rule), set the cursor behind the "05" (hours) and press DEL left key (as I want to delete the "5" the part right (mm:ss) shifts to left. You now see: 04:75:8_ Ooops! I can jump out of the textbox and nothing is complaining. The other way around (f.e. pasting something in between) is possible to. So the masked textbox does not guarantee the user can not override the rules.

Do you have any idea how I can make sure the masked textbox can not be overridden?

Dimiter Topalov
Telerik team
 answered on 23 Mar 2016
2 answers
116 views

Hello,

 

We' ve got a problem nesting a kendo-date-picker in a kendo-panelbar.

This works fine in Chrome (49.0.2623.87) and Firefox (45.0.1) but crashes in IE11 (11.0.96000.18231) ==> long running script.

Is this a known issue ?  What is the solution ?

 

Attached a very basic setup to illustrate the problem.

 

Grtz,

Jurgen

 

Jurgen
Top achievements
Rank 1
 answered on 23 Mar 2016
1 answer
135 views

Hi,

Seeing a strange behaviour in my scheduler, following the documentation I have implemented a context menu that opens when a cell is clicked on. The problem is it opens off target (see attachment). I haven't found a way to fix this and I'm hoping someone can help?

Thanks

Matthew

Magdalena
Telerik team
 answered on 23 Mar 2016
5 answers
457 views

I have two things I'm trying to do using the Kendo UI scheduler in Timeline view:

1. I want to add some text above all of the resources, to specify what the resources are.  The attached picture shows the location where I want to add the text.  Is there a way to do this?

2. I would also like to add a second column next to the resource column that contains additional information from the event.  Is there a way to do this as well?

Vladimir Iliev
Telerik team
 answered on 23 Mar 2016
3 answers
137 views
I have a not fully implemented REST endpoint I'm working against. So I cannot use a simple URL as save location. I need to customize the save action. Is that possible with the upload widget.
Dimiter Madjarov
Telerik team
 answered on 23 Mar 2016
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?