+91-90427 10472
         
Dot net training in Chennai

CRUD operation in share point using JSOM

Document by Ganesanva@hotmail.com – + 919042710472

This blogs shows you an example for JavaScript Client side object model.
Create a List “EmployeeList” with below columns,

The List looks like below,

Create a text file “Saveitem.txt” and js file “Saveform.js” in Site Assets as shown below,

Put the below code in Saveitem.txt,

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js”></script>
<script type=”text/javascript” src=”/SiteAssets/Saveform.js”>
</script>
<table border=”0″ cellspacing=”2″ cellpadding=”2″>
<tr>
<td>
Employee Name
</td>
<td>
<input type=”text” id=”txtEmpName” />
</td>
</tr>
<tr>
<td>
Employee Age
</td>
<td>
<input type=”text” id=”txtEmpAge” />
</td>
</tr>
<tr>
<td>
</td>
<td>
<input type=”hidden” id=”txtId” />
<input type=”Button” value=”Save” id=”btnSave” onclick=”createItem()” />
<input type=”Button” value=”Update” id=”btnUpdate” onclick=”updateItem()” />
</td>
</tr>
<tr>
<td colspan=”2″>
<table border=”0″ cellspacing=”2″ cellpadding=”2″ id=”tbldata”>
<thead>
<tr>
<td>
Id
</td>
<td>
Employee Name
</td>
<td>
Employee Age
</td>
</tr>
</thead>
<tbody>
</tbody>
</table>
</td>
</tr>
</table>

Put the below code in “Saveform.js”,

$(document).ready(function(){
$(‘#btnUpdate’).hide();
SP.SOD.executeFunc(‘sp.js’, ‘sp.runtime’, retrieveListItems);
});
function editvalue(element)
{
var Id=element.parentNode.parentElement.cells[0].outerText;
var EmpName=element.parentNode.parentElement.cells[1].outerText;
var Age=element.parentNode.parentElement.cells[2].outerText;
$(‘#txtId’).val(Id);
$(‘#txtEmpName’).val(EmpName);
$(‘#txtEmpAge’).val(Age);
$(‘#btnUpdate’).show();
$(‘#btnSave’).hide();
}
function updateItem() {
var context = new SP.ClientContext.get_current();
var web = context.get_web();
var list = web.get_lists().getByTitle(‘EmployeeList’);
var listItem = list.getItemById($(‘#txtId’).val());
listItem.set_item(“Title”, $(‘#txtEmpName’).val());
listItem.set_item(“EmployeeName”, $(‘#txtEmpName’).val());
listItem.set_item(“Age”, $(‘#txtEmpAge’).val());
listItem.update(); //Update the List Item
context.load(listItem);
context.executeQueryAsync(onGetUserNameSuccess, onGetUserNameFail);
}
function createItem() {
var context = new SP.ClientContext.get_current();
var web = context.get_web();
var list = web.get_lists().getByTitle(‘EmployeeList’);
var listCreationInformation = new SP.ListItemCreationInformation(); //Object for creating Item in the List
var listItem = list.addItem(listCreationInformation);
listItem.set_item(“Title”, $(‘#txtEmpName’).val());
listItem.set_item(“EmployeeName”, $(‘#txtEmpName’).val());
listItem.set_item(“Age”, $(‘#txtEmpAge’).val());
listItem.update(); //Update the List Item
context.load(listItem);
context.executeQueryAsync(onGetUserNameSuccess, onGetUserNameFail);
}
function onGetUserNameSuccess() {
$(‘#txtEmpName’).val(”);
$(‘#txtEmpAge’).val(”);
$(‘#btnUpdate’).hide();
$(‘#btnSave’).show();
alert(‘Success’);
retrieveListItems();
}
// This function is executed if the above call fails
function onGetUserNameFail(sender, args) {
alert(‘Failed to get user name. Error:’ + args.get_message());
}
var siteUrl = ‘http://htc:7004/‘;
function retrieveListItems() {
var clientContext = new SP.ClientContext.get_current();
var oList = clientContext.get_web().get_lists().getByTitle(‘EmployeeList’);
var camlQuery = new SP.CamlQuery();
camlQuery.set_viewXml(‘<View><Query></Query></View>’);
this.collListItem = oList.getItems(camlQuery);
clientContext.load(collListItem);
clientContext.executeQueryAsync(Function.createDelegate(this, this.onQuerySucceeded), Function.createDelegate(this, this.onQueryFailed));
}
function onQuerySucceeded(sender, args) {
var listItemEnumerator = collListItem.getEnumerator();
$(‘#tbldata tbody’).empty();
while (listItemEnumerator.moveNext())
{
var oListItem = listItemEnumerator.get_current();
$(‘#tbldata tbody’).append(‘<tr class=”child”><td>’+oListItem.get_item(‘ID’) +'</td><td>’+oListItem.get_item(‘Title’) +'</td><td>’+oListItem.get_item(‘Age’) +'</td>’+'<td>’+
‘<input type=\”Button\” value=\”Edit\” onclick=\”editvalue(this)\” /></td></tr>’);
}
}
function onQueryFailed(sender, args) {
alert(‘Request failed. ‘ + args.get_message() + ‘\n’ + args.get_stackTrace());
}

Create a page in Site pages library and edit the page,


Put “/SiteAssets/Saveitem.txt” in Content Editor web part.
Output as below,

Click on Save.
Click on Edit.

Click Update.

Click here to download the solution,
https://1drv.ms/u/s!ArddhCoxftkQg9VWsy-V87mHMy6C1g

CRUD operation in SharePoint using Power shell commands

Document by Ganesanva@hotmail.com – + 919042710472

Create a List “EmployeeList” with below columns.

The List looks as below,

Create a power shell script CRUD.ps1 with below code,

Add-PSSnapin Microsoft.SharePoint.PowerShell -ErrorAction SilentlyContinue
$web = Get-SPWeb http://htc:7004/
$list = $web.Lists[“EmployeeList”]
$option = Read-Host ‘Enter Option 1.Create item 2.Update item 3.Read item’
if($option -eq 1)
{
#Create a new item
$newItem = $list.Items.Add()
$Title = Read-Host ‘Enter Title’
$EmployeeName = Read-Host ‘Enter Employee Name’
#Add properties to this list item
$newItem[“Title”] = $Title
$newItem[“EmployeeName”] = $EmployeeName
#Update the object so it gets saved to the list
$newItem.Update()
echo ‘item updation Done’
}
if($option -eq 2)
{
#Get all items in this list and save them to a variable
$items = $list.items
$Titlevalue = Read-Host ‘Enter Title value to update’
#Go through all items
foreach($item in $items)
{
#If the “Title” column value equals “My first item!” do something with it
if($item[“Title”] -eq $Titlevalue)
{
$Title = Read-Host ‘Enter Title’
$EmployeeName = Read-Host ‘Enter Employee Name’
#Change the value of the “Title” column
$item[“Title”] = $Title
$item[“EmployeeName”] = $EmployeeName
#Update the item
$item.Update()
}
}
echo ‘item updation Done’
}
if($option -eq 3)
{
$items = $list.items
#Go through all items
foreach($item in $items)
{
write-host “`n”
write-host “Title:”$item[“Title”]
write-host “Employee Name:” $item[“EmployeeName”]
}
}

Open Windows PowerShell ISE from Start menu.

If windows PowerShell ISE not found in start menu do the below steps.
Simply, go and add this feature:
add PowerShell ise: here is the steps:
Open Server Manager
2. Click the Features node
3. Click the Add Features link
4. Check the box for “Windows PowerShell Integrated Scripting Environment”.
5. Click Next, then Install
6. Wait until installation is complete
7. Open PowerShell ISE from Programs>Accessories>PowerShell folder
Open the CRUD.PS1 from File -> Open in Windows PowerShell ISE.

Output as below:
Click on the Play button.

Enter “1”

Click OK.

Click Ok.
The Output windows shows as below,

The item gets added in List as below,

Run again and select the Option “2”.


Checks for Title equals “Bing”


Now the item Bing gets updated to Google in the list.
Run the Script again and enter option “3”.

The output will be printed as below,

Click below to download the solution,
https://1drv.ms/u/s!ArddhCoxftkQg9VV49MnJI30l3tRsA