Telerik Forums
Kendo UI for jQuery Forum
1 answer
138 views
Hi, 

When the event is an all-day task, it will be showed on a top pane named "all day", that's good, but not enough.
I have a client whose events are all in all-day mode. So he need to hde the time area, only show the all day area above.

To tell what the time area I mean, I cut a screen shot, the time area is set red on it.

yours,
Ivan
Vladimir Iliev
Telerik team
 answered on 19 Nov 2014
1 answer
155 views

Hi, I see the online demo, it likes that the scheduler get all data from the server, and filter them on the client side.
That's not a good idea when the time is long enough,and the  amount of data is very big.

I could think about is to send timestart and timeend paras to the datasource's read().

I know when the scheduler is initialized, I can use this:

  dataSource: [
// The kendo.data.SchedulerDataSource configuration
     dataSource: {
     batch: true,
    transport:
  {
    read: 
   {
     url: "KPIGetData/DimData.aspx?SearchInput=schedulerevent",
     dataType: "json",
    data:"&SearchValue="+CurrentUserID+"&StartTime="+SearchTimeStart+"&EndTime="+SearchTimeEnd
   }
  },


So I send the query para from the read in the transport to the server, so the server will use this info to give back the right records. That's ok.

Now I wan't to know, how to reload the scheduler when it change to anoher month, week, or year.
1) when I change the scheduler to another month, week, or year, the datasource.read() will reload data from server automatically? I don't think so.
2) So what need I do to make it reload from server again? My point is to use this:

change: function(e) {
e.preventDefault(); //prevent popup editing
var dataSource = this.dataSource;
dataSource.read() // or somthing
}

I can't found anything in the document about this. So please tell me if this is the Right Way to do this.
yours,
Ivan







Georgi Krustev
Telerik team
 answered on 19 Nov 2014
1 answer
154 views
My API is returning the following JSON:

{
  "data": [
      {
      "BookingID": 1,
      "Driver": "John Doe",
      "VehicleID": 1,
      "Registration": "CHH708",
      "Fleet": "DN30",
      "Destination": "Akaroa",
      "Notes": "Going to ...",
      "StartTimezone": null,
      "Start": "2014/11/20 08:00",
      "End": "2014/11/20 11:00",
      "EndTimezone": null,
      "RecurrenceRule": null,
      "RecurrenceID": null,
      "RecurrenceException": null,
      "Pickup": false
      },
      {
      "BookingID": 2,
      "Driver": "Paul McCartney",
      "VehicleID": 2,
      "Registration": "DRF457",
      "Fleet": "DN30",
      "Destination": "Whangarei",
      "Notes": "Going to ...",
      "StartTimezone": null,
      "Start": "2014/11/19 14:00",
      "End": "2014/11/19 19:00",
      "EndTimezone": null,
      "RecurrenceRule": null,
      "RecurrenceID": null,
      "RecurrenceException": null,
      "Pickup": true
      }
  ],
  "success": true,
  "status": 200
}

how do I specidy in my model that what I'm after is inside "data" ?
I have the following:
dataSource: {
                            transport: {
                                read: {
                                    url: "http://mocksvc.mulesoft.com/mocks/9c484836-5464-4c75-b8e5-1f433e861bd1/bookings",
                                    dataType: "jsonp"
                                }
                             },
                            schema: {
                                model: {
                                    fields: {
                                        bookingId: { from: "BookingID", type: "number" },
                                        destination: { from: "Destination", type: "string" },
                                        registration: { from: "Registration", type: "string" },
                                        fleet: { from: "Fleet", type: "string" },
                                        driver: { from: "Driver", type: "string" },
                                        start: { type: "date", from: "Start" },
                                        end: { type: "date", from: "End" },
                                        bookedDateTime: { type: "date", from: "BookedDateTime" },
                                        pickupDateTime: { type: "date", from: "PickUpTime" },
                                        dropoffDateTime: { type: "date", from: "DropOffTime" },
                                        notes: { from: "Notes" },
                                        vehicleId: { from: "VehicleID"},
                                        pickup: { type: "boolean", from: "Pickup" },
                                        dropoff: { type: "boolean", from: "DropOff" },
                                        actions: { from: "BookingID", type: "number" }
                                    }
                                }
                            },

but it's not reading it...

Ben
Top achievements
Rank 1
 answered on 19 Nov 2014
2 answers
567 views
I've already seen the post two days ago as well as several examples, but they all seem to point back to the Telerik page @ http://demos.telerik.com/kendo-ui/grid/editing-custom where the following grid is shown:

<%: Html.Kendo().Grid<Kendo.Mvc.Examples.Models.ProductViewModel>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.ProductName);
columns.Bound(p => p.Category).ClientTemplate("#=Category.CategoryName#").Width(160);
columns.Bound(p => p.UnitPrice).Width(120);
columns.Command(command => command.Destroy()).Width(90);
})
.ToolBar(toolBar =>
{
toolBar.Create();
toolBar.Save();
})
.Editable(editable => editable.Mode(GridEditMode.InCell))
.Pageable()
.Sortable()
.Scrollable()
.HtmlAttributes(new { style = "height:430px;" })
.DataSource(dataSource => dataSource
.Ajax()
.Batch(true)
.ServerOperation(false)
.Events(events => events.Error("error_handler"))
.Model(model =>
{
model.Id(p => p.ProductID);
model.Field(p => p.ProductID).Editable(false);
model.Field(p => p.Category).DefaultValue(
ViewData["defaultCategory"] as Kendo.Mvc.Examples.Models.CategoryViewModel);
})
.PageSize(20)
.Read(read => read.Action("EditingCustom_Read", "Grid"))
.Create(create => create.Action("EditingCustom_Create", "Grid"))
.Update(update => update.Action("EditingCustom_Update", "Grid"))
.Destroy(destroy => destroy.Action("EditingCustom_Destroy", "Grid"))
)
%>
<script type="text/javascript">
function error_handler(e) {
if (e.errors) {
var message = "Errors:\n";
$.each(e.errors, function (key, value) {
if ('errors' in value) {
$.each(value.errors, function () {
message += this + "\n";
});
}
});
alert(message);
}
}
</script>


Maybe if I knew what #=Category.CategoryName# meant my issue would be solved. I have an integer value in my model. I'd like to show a combo box to allow users to change its current value to an acceptable value defined by another list of values.






  















Jim
Top achievements
Rank 1
 answered on 18 Nov 2014
6 answers
459 views
I have Grid with the filterable.mode set to "row".   The text that shows in the filter dropdown is centered.  How can I make it left justified?


Steve
Top achievements
Rank 1
 answered on 18 Nov 2014
7 answers
801 views
Hi, 

Is it possible for the Dropdownlist to list down a group of options like in html tags below.
<select>
   <optgroup label='test1'>
        <option value=''>value 1</option>
        <option value=''>value 2</option>
   </optgroup>
<optgroup label='test2'>
        <option value=''>value 1</option>
        <option value=''>value 2</option>
   </optgroup>
</select>

Thank you. 


Georgi Krustev
Telerik team
 answered on 18 Nov 2014
2 answers
210 views
I'd love to be able to resize columns and freeze/lock a column.
Mike
Top achievements
Rank 1
 answered on 18 Nov 2014
3 answers
166 views
Hello,
In your online demo, everything is ok.
But in my project, the backward and forward button's height is very small. 
Please check the attach image file.

yours,
Ivan
Dimo
Telerik team
 answered on 18 Nov 2014
2 answers
900 views
Hi,

i want to create a kendogrid with inline edit, that has different decimal numbers in each row.

Datasource

Key      Description     Value     DecimalNumbers
1          Item1                 1.33       2
2          Item2                 2.4         1
3          Item3                 3             0
 4         Item4                 10.542   3

Column "DecimalNumbers" describes the decimal format of Column "Value".

Value is editable, so the editor needs to format value with given DecimalNumbers from last column.

How can I archieve this?

Thank you very much.
Jakob
Top achievements
Rank 1
 answered on 18 Nov 2014
4 answers
417 views
Hi Guys,

I have just tripped over the following with the grid toolbar & grouping header panels not resizing/painting correctly.

To demonstrate take

    http://demos.telerik.com/kendo-ui/grid/index
    
as a staritng point and add the following CSS styles

    .k-grid {width: 100%; margin: 0; overflow: auto;}
    .k-grid td {white-space: nowrap;}

and the grid options

    toolbar:["Test"],                     
     scrollable: false,   

so that the grid columns resize in proportion to content & browser width.

If you now resize the browser so that the grid shows a horizontal scrollbar and then scroll the right hand columns of the grid into view you will see the toolbar & grouping header panels are not resized/painted in accordance with the grid width.

Now I suspect this is a CSS issue somewhere but after a couple of days of trying various style settings I'm stumped.

Therefore any help or advice would be much appreciated.

Alan

AGB
Top achievements
Rank 1
Iron
 answered on 18 Nov 2014
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
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?