Demo VisualData 1.0
/ CRUD
Editing
Demo VisualData/CRUD
Jump to navigation
Jump to search
Warning:
You are not logged in. Your IP address will be publicly visible if you make any edits. If you
log in
or
create an account
, your edits will be attributed to your username, along with other benefits.
Anti-spam check. Do
not
fill this in!
The following demonstrates the creation of a [https://en.wikipedia.org/wiki/Create,_read,_update_and_delete CRUD] (create, read, update, delete) interface performed through a button opening a popup form, a <code>visualdataquery</code> parser function that creates the table, and a template, namely [[Template:Task_action]], rendered within the column "action", holding another form that edits the same schema ([[VisualDataSchema:Task]]) based on the data of the page with value <code><nowiki>{{{pagetitle}}}</nowiki></code>, where <code><nowiki>{{{pagetitle}}}</nowiki></code> is the title of the article related to each row of the generated table. (see the [https://www.mediawiki.org/wiki/Extension:VisualData/Queries#Queries docs] for other parameters) The template is associated to the column "action" using the following wikitext <pre> template?action=Task action </pre> and '''all the properties of the row, as well as the article title, are available as named parameters'''. The form also demostrates the use of the option <code>target-slot = main</code> that instructs the form to save the json data to the main slot of the target article, as you can see [[{{FULLPAGENAME}}/12|here]]. Such data can then be edited through the edit button in the action column, through the tab "Edit semantic" in the target article, or even manually through "edit source" in the target article, and the changes will be reflected in the table below. The form also shows the integration of [https://www.mediawiki.org/wiki/Extension:VEForAll Extension:VEForAll] in the comments field. {{#visualdataform: Task |title = Task |action = create |edit-page = |return-page = {{FULLPAGENAME}} |view = popup |popup-size = large |css-class = |pagename-formula = {{FULLPAGENAME}}/<id-increment> |target-slot = main |edit-freetext = false |edit-categories = false |edit-content-model = false |default-categories = |default-content-model = wikitext |layout-align = top |popup-help = false |submit-button-text = |layout = tabs |validate-button-text = }} {{#visualdataquery: [[{{FULLPAGENAME}}/~]] |schema=Task |?assignee |?extension |?status |?action |template?action=Task action |format=datatable }} Here are the components to implement it. 1) Json-schema describing the form: [[VisualDataSchema:Task]] (created through the [[Special:ManageSchemas|Schema builder]]) 2) parser function for the form button <pre> {{#visualdataform: Task |title = Task |action = create |edit-page = |return-page = {{FULLPAGENAME}} |view = popup |popup-size = large |css-class = |pagename-formula = {{FULLPAGENAME}}/<id-increment> |target-slot = main |edit-freetext = false |edit-categories = false |edit-content-model = false |default-categories = |default-content-model = wikitext |layout-align = top |popup-help = false |submit-button-text = |layout = tabs |validate-button-text = }} </pre> 3) Parser function for the table <pre> {{#visualdataquery: [[{{FULLPAGENAME}}/~]] |schema=Task |?assignee |?extension |?status |?action |template?action=Task action |format=datatable }} </pre> 4) template [[Template:Task action]], containing another visualdata form, as mentioned called from the query for each row 5) The templates [[Template:Extensions_list]] and [[Task_status_list]] (actually not a template) used in the form's dropdowns 6) The extension [https://www.mediawiki.org/wiki/Extension:IDProvider IDProvider] triggered from an hidden input in the same schema, and then used as <code>pagename-formula</code> 7) The extension [https://www.mediawiki.org/wiki/Extension:VEForAll VEForAll] in order to display [https://www.mediawiki.org/wiki/Extension:VisualEditor VisualEditor] in the textarea Of course the extension [https://www.mediawiki.org/wiki/Extension:VisualData VisualData], [https://www.mediawiki.org/wiki/Extension:Semantic_MediaWiki Semantic MediaWiki] is not required. == See also == {{Demo VisualData footer}}
Summary:
Please note that all contributions to Wikisphere may be edited, altered, or removed by other contributors. If you do not want your writing to be edited mercilessly, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource (see
Wikisphere:Copyrights
for details).
Do not submit copyrighted work without permission!
Cancel
Editing help
(opens in new window)
Templates used on this page:
Template:Demo VisualData footer
(
edit
)
Template:Task action
(
edit
)
Navigation menu
Personal tools
Create account
Log in
Namespaces
Page
Discussion
English
Views
Read
Edit
Edit source
Edit data
View history
More
Delete
Move
Search
Navigation
Main page
Recent changes
Random page
Help about MediaWiki
Tools
What links here
Related changes
Special pages
Page information
Browse subpages
VisualData
New article
Browse data
Subpage navigation
Browse subpages