Hi
dfernandezThanks a lot for this point of view ......
I've rebuild the compontent provided with servoy within ".\developer\plugins\servoy_ngclient_8.0.2.3024.jar" --> "war\bootstrapcomponents\calendar
Looking up model section int the spec file.
This is servoy code ...
- Code: Select all
"name": "bootstrapcomponents-calendar",
"displayName": "Calendar",
"version": 1,
"icon": "servoydefault/calendar/Calendar_C16.png",
"definition": "bootstrapcomponents/calendar/calendar.js",
"libraries": [{"name":"moment", "version":"2.6.0", "url": "bootstrapcomponents/calendar/bootstrap-datetimepicker/js/moment.min.js", "mimetype":"text/javascript"},{"name":"moment-jdateformatparser", "version":"0.1.1", "url":"bootstrapcomponents/calendar/bootstrap-datetimepicker/js/moment-jdateformatparser.js", "mimetype":"text/javascript"},{"name":"bootstrap-datetimepicker", "version":"4.7.14", "url":"bootstrapcomponents/calendar/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js", "mimetype":"text/javascript"},{"name":"bootstrap-datetimepicker", "version":"4.7.14", "url":"bootstrapcomponents/calendar/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css", "mimetype":"text/css"},
{"name":"bootstrap-datetimepicker-servoy-extension", "version":"1.0", "url":"bootstrapcomponents/calendar/bootstrap-datetimepicker/css/bootstrap-datetimepicker-servoy-extension.css", "mimetype":"text/css"}],
"model":
{
"dataProviderID" : { "type":"dataprovider", "pushToServer": "allow","tags": { "scope" :"design" }, "ondatachange": { "onchange":"onDataChangeMethodID", "callback":"onDataChangeCallback"}},
"enabled" : { "type": "enabled", "blockingOn": false, "default": true, "for": ["dataProviderID","onActionMethodID","onDataChangeMethodID"] },
"format" : {"for":["dataProviderID"] , "type" :"format"},
"readOnly" : { "type": "protected", "blockingOn": false, "default": false,"for": ["dataProviderID","onDataChangeMethodID"] },
"styleClass" : { "type" :"styleclass", "tags": { "scope" :"design" }, "default" : "form-control"},
"visible" : "visible"
},
"handlers":
{
"onActionMethodID" : {
"parameters":[
{
"name":"event",
"type":"JSEvent"
}
]
},
"onDataChangeMethodID" : {
"returns": "Boolean",
"parameters":[
{
"name":"oldValue",
"type":"${dataproviderType}"
},
{
"name":"newValue",
"type":"${dataproviderType}"
},
{
"name":"event",
"type":"JSEvent"
}
]
}
},
"api":
{
}
This is my code ...- Code: Select all
{
"name": "mypackage-datepicker",
"displayName": "Calendar",
"version": 1,
"definition": "mypackage/datepicker/datepicker.js",
"libraries": [
{"name":"moment", "version":"2.6.0", "url": "bootstrapcomponents/calendar/bootstrap-datetimepicker/js/moment.min.js", "mimetype":"text/javascript"},
{"name":"moment-jdateformatparser", "version":"0.1.1", "url":"bootstrapcomponents/calendar/bootstrap-datetimepicker/js/moment-jdateformatparser.js", "mimetype":"text/javascript"},
{"name":"bootstrap-datetimepicker", "version":"4.7.14", "url":"bootstrapcomponents/calendar/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js", "mimetype":"text/javascript"},
{"name":"bootstrap-datetimepicker", "version":"4.7.14", "url":"bootstrapcomponents/calendar/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css", "mimetype":"text/css"},
{"name":"bootstrap-datetimepicker-servoy-extension", "version":"1.0", "url":"bootstrapcomponents/calendar/bootstrap-datetimepicker/css/bootstrap-datetimepicker-servoy-extension.css", "mimetype":"text/css"}],
"model":
{
"dataProviderID" : { "type":"dataprovider", "pushToServer": "allow","tags": { "scope" :"design" }, "ondatachange": { "onchange":"onDataChangeMethodID", "callback":"onDataChangeCallback"}},
"enabled" : { "type": "enabled", "blockingOn": false, "default": true, "for": ["dataProviderID","onActionMethodID","onDataChangeMethodID"] },
"format" : {"for":["dataProviderID"] , "type" :"format"},
"styleClass" : { "type" :"styleclass", "tags": { "scope" :"design" }, "default" : "form-control"},
"visible" : "visible"
},
"handlers":
{
"onActionMethodID" : {
"parameters":[
{
"name":"event",
"type":"JSEvent"
}
]
},
"onDataChangeMethodID" : {
"returns": "Boolean",
"parameters":[
{
"name":"oldValue",
"type":"${dataproviderType}"
},
{
"name":"newValue",
"type":"${dataproviderType}"
},
{
"name":"event",
"type":"JSEvent"
}
]
}
},
"api":
{
}
}
Note that readOnly property has been removed.And now ..... it's works !!!!!!!
This is the solution with the datepicker webcomponent modified code.
Best regards. Roberto Blasco
You do not have the required permissions to view the files attached to this post.