Here I am showing you how to create a simple data view web part to display data from SharePoint list. It has filter and grouping enabled.
I am taking the example of a Task list here. I am creating a data view to display data from this list to a data view web part.
1. First of all you have to open your web application in share point designer. Open the page where you want to insert data view.
![image1.gif](http://www.c-sharpcorner.com/UploadFile/Roji.Joy/working-with-data-view-web-part-in-sharepoint-list/Images/image1.gif)
2. Click on Insert -> Share point Control -> Data view.
![image2.gif](http://www.c-sharpcorner.com/UploadFile/Roji.Joy/working-with-data-view-web-part-in-sharepoint-list/Images/image2.gif)
3. From the Data source library select the list you want to add to data view web part and click on Show data.
![image3.gif](http://www.c-sharpcorner.com/UploadFile/Roji.Joy/working-with-data-view-web-part-in-sharepoint-list/Images/image3.gif)
4. Select the fields you want to insert to data view web part.
![image4.gif](http://www.c-sharpcorner.com/UploadFile/Roji.Joy/working-with-data-view-web-part-in-sharepoint-list/Images/image4.gif)
5. Drag the selected Item to your page web part zone.
6. Click save You will get the data view as shown below.
![image5.gif](http://www.c-sharpcorner.com/UploadFile/Roji.Joy/working-with-data-view-web-part-in-sharepoint-list/Images/image5.gif)
7. Right click on the web part and click on show common controls.
![image6.gif](http://www.c-sharpcorner.com/UploadFile/Roji.Joy/working-with-data-view-web-part-in-sharepoint-list/Images/image6.gif)
8. From the pop up select Data view properties.
![image7.gif](http://www.c-sharpcorner.com/UploadFile/Roji.Joy/working-with-data-view-web-part-in-sharepoint-list/Images/image7.gif)
9. Please select the filter and grouping options.
![image8.gif](http://www.c-sharpcorner.com/UploadFile/Roji.Joy/working-with-data-view-web-part-in-sharepoint-list/Images/image8.gif)
10. Go to Editing tab and select the options you want.
![image9.gif](http://www.c-sharpcorner.com/UploadFile/Roji.Joy/working-with-data-view-web-part-in-sharepoint-list/Images/image9.gif)
11. Alternatively you can select paging properties in the Paging tab.
![image10.gif](http://www.c-sharpcorner.com/UploadFile/Roji.Joy/working-with-data-view-web-part-in-sharepoint-list/Images/image10.gif)
12. Check in your changes and open your page in browser.
13. Now you can see your Data view web part with filters,groups,Edit,Delete and Insert options.
![image11.gif](http://www.c-sharpcorner.com/UploadFile/Roji.Joy/working-with-data-view-web-part-in-sharepoint-list/Images/image11.gif)
I am taking the example of a Task list here. I am creating a data view to display data from this list to a data view web part.
1. First of all you have to open your web application in share point designer. Open the page where you want to insert data view.
![image1.gif](http://www.c-sharpcorner.com/UploadFile/Roji.Joy/working-with-data-view-web-part-in-sharepoint-list/Images/image1.gif)
2. Click on Insert -> Share point Control -> Data view.
![image2.gif](http://www.c-sharpcorner.com/UploadFile/Roji.Joy/working-with-data-view-web-part-in-sharepoint-list/Images/image2.gif)
3. From the Data source library select the list you want to add to data view web part and click on Show data.
![image3.gif](http://www.c-sharpcorner.com/UploadFile/Roji.Joy/working-with-data-view-web-part-in-sharepoint-list/Images/image3.gif)
4. Select the fields you want to insert to data view web part.
![image4.gif](http://www.c-sharpcorner.com/UploadFile/Roji.Joy/working-with-data-view-web-part-in-sharepoint-list/Images/image4.gif)
5. Drag the selected Item to your page web part zone.
6. Click save You will get the data view as shown below.
![image5.gif](http://www.c-sharpcorner.com/UploadFile/Roji.Joy/working-with-data-view-web-part-in-sharepoint-list/Images/image5.gif)
7. Right click on the web part and click on show common controls.
![image6.gif](http://www.c-sharpcorner.com/UploadFile/Roji.Joy/working-with-data-view-web-part-in-sharepoint-list/Images/image6.gif)
8. From the pop up select Data view properties.
![image7.gif](http://www.c-sharpcorner.com/UploadFile/Roji.Joy/working-with-data-view-web-part-in-sharepoint-list/Images/image7.gif)
9. Please select the filter and grouping options.
![image8.gif](http://www.c-sharpcorner.com/UploadFile/Roji.Joy/working-with-data-view-web-part-in-sharepoint-list/Images/image8.gif)
10. Go to Editing tab and select the options you want.
![image9.gif](http://www.c-sharpcorner.com/UploadFile/Roji.Joy/working-with-data-view-web-part-in-sharepoint-list/Images/image9.gif)
11. Alternatively you can select paging properties in the Paging tab.
![image10.gif](http://www.c-sharpcorner.com/UploadFile/Roji.Joy/working-with-data-view-web-part-in-sharepoint-list/Images/image10.gif)
12. Check in your changes and open your page in browser.
13. Now you can see your Data view web part with filters,groups,Edit,Delete and Insert options.
![image11.gif](http://www.c-sharpcorner.com/UploadFile/Roji.Joy/working-with-data-view-web-part-in-sharepoint-list/Images/image11.gif)
No comments:
Post a Comment