Reading list items using JQeury
Hi All,
I am new to JQuery. Please help me on reading the ListItems(for eg., title, name, location etc.,) using JQeury & wanted to display this data in a site page.
Let me know if you have any queries.
Thanks,
Kumar.
check this article on using REST and Jquery to get list items
http://www.plusconsulting.com/blog/2013/05/crud-on-list-items-using-rest-services-jquery/
you can use JSOM as well
http://social.msdn.microsoft.com/Forums/sharepoint/en-US/8dda0580-c632-4c1b-92f0-59e1a3f29e5b/jquery-fetch-data-from-sharepoint-list-in-a-webpart
My Blog- http://www.sharepoint-journey.com|
If a post answers your question, please click Mark As Answer on that post and Vote as Helpful
Similar Messages
-
How to read list item and display Title and on click hyperlink as value by javascript /jquery
on newform.aspx just above the top of cancel button I want to put 1 hyperlink "Help"
but I want to do this by script/jquery by reading my configuration list where 1 column is TITLE and other is- URL
in TITLE column will write "Help" and in URL column I will write
http://portal1234/sites/sudha/MyHelppage.aspx
so script should read Title and display Help--->1st part
Script should read Value column and on click of help-(display link) the respective url should be open in new window.-->second part
Please let me know reference code for adding anchor tag dynamically by reading from list
I can see hyperlink near cancel button-
$(document).ready(function(){
var HelpLinkhtml ='<a href="#" text="Help">Help</a>';
var position =$("input[value='Cancel']").parent("td").addClass('ms-separator').append(HelpLinkhtml);
now for reading from list I am trying below script-
$(document).ready(function() {
GetHelpLinkFromConfigList();
function GetHelpLinkFromConfigList()
//The Web Service method we are calling, to read list items we use 'GetListItems'
var method = "GetListItems";
//The display name of the list we are reading data from
var list = "configurationList";
//We need to identify the fields we want to return. In this instance, we want the Title,Value fields
//from the Configuration List. You can see here that we are using the internal field names.
var fieldsToRead = "<ViewFields>"+"<FieldRef Name='Title' />"+"<FieldRef Name='Value' />"+"</ViewFields>";
//comment
var query = "<Query>" +
"<Where>" +
"<Neq>" +
"<FieldRef Name='Title'/><Value Type='Text'>Help</Value>"
+
"</Neq>" +
"</Where>" +
"<OrderBy>" +
"<FieldRef Name='Title'/>" +
"</OrderBy>" +
"</Query>";
$().SPServices(
operation: method,
async: false,
listName: list,
CAMLViewFields: fieldsToRead,
CAMLQuery: query,
completefunc: function (xData, Status) {
$(xData.responseXML).SPFilterNode("z:row").each(function() {
var displayname = ($(this).attr("ows_Title"));
var UrlValue = ($(this).attr("ows_Value")).split(",")[0];
AddRowToSharepointTable(displayname,UrlValue)
function AddRowToSharepointTable(displayname,UrlValue)
$("#NDRTable").append("<tr align='Middle'>" +
"<td><a href='" +UrlValue+ "'>+displayname+</a></td>"
+
"</tr>");
<table id="NDRTable"></table>
Thanks :)
sudhanshu sharma Do good and cast it into river :)Hi,
From your description, you want to add a help link(read data from other list) into new form page.
The following code for your reference:
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
ExecuteOrDelayUntilScriptLoaded(AddHelpLink, "sp.js");
function AddHelpLink() {
var context = new SP.ClientContext.get_current();
var list= context.get_web().get_lists().getByTitle("configurationList");
var camlQuery= new SP.CamlQuery();
camlQuery.set_viewXml("<View><Query><Where><Eq><FieldRef Name='Title'/><Value Type='Text'>Help</Value></Eq></Where></Query></View>");
this.listItems = list.getItems(camlQuery);
context.load(this.listItems,'Include(Title,URL)');
context.executeQueryAsync(function(){
var ListEnumerator = listItems.getEnumerator();
while(ListEnumerator.moveNext())
var currentItem = ListEnumerator.get_current();
var title=currentItem.get_item("Title");
var url=currentItem.get_item("URL").get_url();
var HelpLinkhtml ='<a href="'+url+'">'+title+'</a>';
$("input[value='Cancel']").parent("td").addClass('ms-separator').append(HelpLinkhtml);
},function(sender,args){
alert(args.get_message());
</script>
Result:
Best Regards
Dennis Guo
TechNet Community Support -
Tutorial on how to update list items using ListData.svc
Can you please point me to a tutorial which shows how to update a list item using listdata.svc and C#?
Sorry if this is FAQ.
I have found articles on read list... but I haven't found anything on update a list item.
val it: unit=()when i try this I get an error 500
I created an ASP.NET web application that allows the user to modify data that is stored in SharePoint I rather not go into the reasons why this application was created but focus more on why doesn't the listdata.svc allow me to update a task item that was
created by a workflow collect data from user action.
1. The workflow creates the item.
I collect the item and update the item using the below code. This is not an OOTB approval workflow that is just the name I used. When I get to save changes I received the following error code.
Dim getApprovalItem As ExpenseApprovalRuleBasedTasksItem = spContext.ExpenseApprovalRuleBasedTasks.Where(Function(i) i.Id = Pam.ApprovalItemID).FirstOrDefault
If String.IsNullOrEmpty(getApprovalItem.AuditorApprovalValue) Then
getApprovalItem.AuditingComments = approvalComments
Select Case approvalDecision
Case "Approved"
getApprovalItem.AuditorApproval = ExpenseApprovalRuleBasedTasksAuditorApprovalValue.CreateExpenseApprovalRuleBasedTasksAuditorApprovalValue("Approved")
getApprovalItem.AuditorApprovalValue = "Approved"
Case "Rejected"
getApprovalItem.AuditorApproval = ExpenseApprovalRuleBasedTasksAuditorApprovalValue.CreateExpenseApprovalRuleBasedTasksAuditorApprovalValue("Rejected")
getApprovalItem.AuditorApprovalValue = "Rejected"
End Select
getApprovalItem.Outcome = "Completed"
getApprovalItem.Status = ExpenseApprovalRuleBasedTasksStatusValue.CreateExpenseApprovalRuleBasedTasksStatusValue("Completed")
getApprovalItem.StatusValue = "Completed"
getApprovalItem.Complete = True
spContext.UpdateObject(getApprovalItem)
spContext.SaveChanges()
End If -
How to update list item using client object model without changing created/modified dates?
Hello All,
I want to update list item using the SharePoint Client Object
Model without updating the created / modified date. Is it possible?
Please help.
Thanks.Using the SystemUpdate method should do the trick, according
to its literature.
Additionally, would something like this be of any use for you? Taken from this
Stack Exchange thread: -
public static class SPListItemExtensions
/// <summary>
/// Provides ability to update list item without firing event receiver.
/// </summary>
/// <param name="item"></param>
/// <param name="doNotFireEvents">Disables firing event receiver while updating item.</param>
public static void Update(this SPListItem item, bool doNotFireEvents)
SPItemEventReceiverHandling rh = new SPItemEventReceiverHandling();
if (doNotFireEvents)
try
rh.DisableEventFiring();
item.Update();
finally
rh.EnableEventFiring();
else
item.Update();
/// <summary>
/// Provides ability to update list item without firing event receiver.
/// </summary>
/// <param name="item"></param>
/// <param name="incrementListItemVersion"></param>
/// <param name="doNotFireEvents">Disables firing event receiver while updating item.</param>
public static void SystemUpdate(this SPListItem item, bool incrementListItemVersion, bool doNotFireEvents)
SPItemEventReceiverHandling rh = new SPItemEventReceiverHandling();
if (doNotFireEvents)
try
rh.DisableEventFiring();
item.SystemUpdate(incrementListItemVersion);
finally
rh.EnableEventFiring();
else
item.SystemUpdate(incrementListItemVersion);
/// <summary>
/// Provides ability to update list item without firing event receiver.
/// </summary>
/// <param name="item"></param>
/// <param name="doNotFireEvents">Disables firing event receiver while updating item.</param>
public static void SystemUpdate(this SPListItem item, bool doNotFireEvents)
SPItemEventReceiverHandling rh = new SPItemEventReceiverHandling();
if (doNotFireEvents)
try
rh.DisableEventFiring();
item.SystemUpdate();
finally
rh.EnableEventFiring();
else
item.SystemUpdate();
private class SPItemEventReceiverHandling : SPItemEventReceiver
public SPItemEventReceiverHandling() { }
new public void DisableEventFiring()
base.DisableEventFiring();
new public void EnableEventFiring()
base.EnableEventFiring();
Steven Andrews
SharePoint Business Analyst: LiveNation Entertainment
Blog: baron72.wordpress.com
Twitter: Follow @backpackerd00d
My Wiki Articles:
CodePlex Corner Series
Please remember to mark your question as "answered" if this solves (or helps) your problem. -
Create List Item using REST API
Hi All
I try create list item using REST in SharePoint 2013. when code is try add new item in list , getting error :
A node of type 'EndOfInput' was read from the JSON reader when trying to read the start of an entry. A 'StartObject' node was expected.
Please help me
function addData() {
var title = $('#txtTitile').val();
//alert(title);
var items = {
__metadata: { "Type": "SP.Data.OrderDetailsListItem"},
Title:title
var exec = new SP.RequestExecutor(appweburl);
exec.executeAsync(
url: appweburl + "/_api/SP.AppContextSite(@target)/web/lists/getbytitle('OrderDetails')/Items?@target='" + hostweburl + "'",
method: "POST",
data: JSON.stringify(items),
headers: {
Accept: "application/json;odata=verbose",
"Content-Type": "application/json;odata=verbose",
"X-RequestDigest": $("#__REQUESTDIGEST").val()
success: function (data) { alert(JSON.parse(data)); },
error: function (error)
{ alert(JSON.stringify(error)); }
with Regards SivamHi,
Here is a demo which works in my environment for your reference:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
$("#Button1").click(function(){
createListItemWithDetails("list2", "http://sp2013sps", "item1");
// Getting the item type for the list
function GetItemTypeForListName(name) {
//alert("GetItemTypeForListName: "+name);
return"SP.Data." + name.charAt(0).toUpperCase() + name.slice(1) + "ListItem";
// CREATE Operation
// listName: The name of the list you want to get items from
// siteurl: The url of the site that the list is in. // title: The value of the title field for the new item
// success: The function to execute if the call is sucesfull
// failure: The function to execute if the call fails
function createListItemWithDetails(listName, siteUrl, title) {
var itemType = GetItemTypeForListName(listName);
//alert("itemType :"+itemType);
var item = {
"__metadata": { "type": itemType },
"Title": title
$.ajax({
url: siteUrl + "/_api/web/lists/getbytitle('" + listName + "')/items",
type: "POST",
contentType: "application/json;odata=verbose",
data: JSON.stringify(item),
headers: {
"Accept": "application/json;odata=verbose",
"X-RequestDigest": $("#__REQUESTDIGEST").val()
success: function (data) {
location.href=location.href;
//success(data);
error: function (data) {
alert("error");
//failure(data);
</script>
<input id="Button1" type="button" value="Run Code"/>
Best regards
Patrick Liang
TechNet Community Support -
SharePoint 2013 document generation from list items using workflow
I have been able to generate docs from list items using sharepoint designer workflow.But i have been able to do this with using one document template. But i have like 6 templates i would like to use what do i need to do to get this rolling would i need to
have 6 different doc libs with a doc template?
Thanks in AdvanceThanks Sharma.
I have create 6 content type and associated doc templates to them. I read I should be using .docx instead of dotx which I also tried
But im still getting the error
When I click details no error details to help at all.
Can anyone who is having this issue help or give me some hints.
Cheers -
Get list items using spservices for sharepoint 2013
Hi,
I have a requirement like below.
I have 2 sharepoint custom list with some columns.
List1:listA
List2:listB
Now when i open the listB new item form i want some of the field values from listA should auto populate in Textboxes of listB new form.
Is there any ways to implement this?
Regards,
PooviHi Poovi,
You can achieve this using jQuery to get the SharePoint list items. Refer the below articles. It has explained how to get list items using jQuery and auto populate a text-box from a list item as a source.
You can put this code in list forms through SharePoint Designer. The articles explain about auto populating text box of web part but similarly you can implement it for list form, because nevertheless the text boxes are same.
http://www.c-sharpcorner.com/UploadFile/sagarp/sharepoint-2010-jquery-autocomplete-textbox-containing-list/
http://tomvangaever.be/blogv2/2011/07/sharepoint-2010-autocomplete-with-list-items/
Please remember to click 'Mark as Answer' if the reply answers your query or 'Upvote' if it helps you. -
How to update 500 list items using Rest API
Hi All,
i have requirement that is "required to update 500 list items using rest Api".
how can i do it,please share your thoughts with me.
Thanks,
Madhu.Didn't get you correctly, if you asking reference for REST API to update list items please refer below links
http://msdn.microsoft.com/en-us/library/office/jj164022(v=office.15).aspx
Destin -MCPD: SharePoint Developer 2010, MCTS:SharePoint 2007 Application Development -
Filter SharePoint list items using CAML query as same as Like operator in SQL Server.
Hi ,
I have filtered SharePoint list items based on Name using CAML query <Contains> . Now I have a new requirement is to filter list items using Like operator in SQL. But Like operator is not in CAML.
How do I filter list items using CAML as same as Like operator in SQL.
Please let me know.
Thanks in Advance.Did you try using <Contains>?
http://social.technet.microsoft.com/Forums/sharepoint/en-US/15766fd5-50d5-4884-82a1-29a1d5e38610/caml-query-like-operator?forum=sharepointdevelopmentlegacy
--Cheers -
Rating a List Item using jquery with out using User profile service
Hi,
I dont have access to Central admin and i was not not able to enable USer profile service.
can i rate a list item in Sharepoint 2010 using any jquery plugin
i got the link
http://blogs.msdn.com/b/carloshm/archive/2009/08/24/jquery-rating-in-sharepoint-lists.aspx
But i am not able to find any plugin in it.
Please advice.
Thnaks,
PallaviHi,
According to your post, my understanding is that you wanted to rate a list item using JQuery in SharePoint 2010.
The link you had posted above is for SharePoint 2007.
You can refer to the following articles which about using the JQuery to call the rating service.
http://blog.dennus.net/2011/08/09/using-spservices-and-jquery-to-include-social-rating-control-on-_layouts-page/
https://www.habaneroconsulting.com/insights/Calling-the-Rating-Service-using-jQuery-in-SharePoint-2010-Part-1-of-2#.UxbQxvmSz6k
You can also use the tool of the CodePlex to achieve it.
http://sptoolbasket.codeplex.com/
Thanks & Regards,
Jason
Jason Guo
TechNet Community Support -
How do I remove reading list items?
How do I remove reading list items?
Hello,
In your reading list, just move your mouse pointer on the item and a small x will appear at the left of the title. Click on it to delete the selected item. -
Add list item using anonymous user in public website of shareopint 2013 office 365
Can any body know the solution to over come of following error while add list item using anonymous user using CSOM in shareopint 2013 office 365 public website.
I have tried following solution to narrow down the error from "Access permission"
http://sharepointtaproom.com/2014/08/28/anonymous-api-access-for-office-365-public-sites/#comment-2304Try below:
http://www.codeproject.com/Articles/785099/Publish-a-Form-for-Anonymous-Users-on-a-Public-Sit
http://blogs.technet.com/b/sharepointdevelopersupport/archive/2013/06/13/how-to-allow-anonymous-users-to-add-items-to-sharepoint-list-using-client-object-model.aspx
// Allows AddItem operation using anonymous access
private
static voidAllowAnonAccess(){
Console.WriteLine("Enabling Anonymous access....");
SPWebApplication webApp =
SPWebApplication.Lookup(new
Uri(webAppUrl));
webApp.ClientCallableSettings.AnonymousRestrictedTypes.Remove(typeof(Microsoft.SharePoint.SPList),
"GetItems");
webApp.ClientCallableSettings.AnonymousRestrictedTypes.Remove(typeof(Microsoft.SharePoint.SPList),
"AddItem");
webApp.Update();
Console.WriteLine("Enabled Anonymous access!");
// Revokes Add/Get Item operation using anonymous access
private static
voidRemoveAnonAccess(){
Console.WriteLine("Disabling Anonymous access....");
SPWebApplication webApp =
SPWebApplication.Lookup(new
Uri(webAppUrl));
webApp.ClientCallableSettings.AnonymousRestrictedTypes.Add(typeof(Microsoft.SharePoint.SPList),
"GetItems");
webApp.ClientCallableSettings.AnonymousRestrictedTypes.Add(typeof(Microsoft.SharePoint.SPList),
"AddItem");
webApp.Update();
Console.WriteLine("Disabled Anonymous access!");
http://www.fiechter.eu/Blog/Post/12/Create-a-survey-for-anonymous-users-on-Office-365
If this helped you resolve your issue, please mark it Answered -
How to add values in a List item using code
Hi all,
I want to populate a list item at run time with the values of my choice.
im using this
add_list_element('list34',1, 'Name','Smith');
or
add_list_element('list34',1, 'Name',:emp.txtname);
where emp is my data block and txtname is a text field on this emp block.
noen of them is working, whether i try adding a string or the value in a text item.
please help.It gives any error or just does nothing?
Have you tried making another simple form with just one block and one or two items?
You can do this type of testing in these conditions.
Which version of forms are you using? -
Add attachments to List Item using JavaScript Client object model in SP2010
Hi All ,
I have created custom form for submitng data in list using javascript client object model/jquery .
Now I want to add option to uplaod multiple attachments to that list item also .
Is there option with client object model for uplaoding attachment.
Thanks
M
Manesh GCan you try this and let me know
using (SPSite _site = new SPSite(SPContext.Current.Site.Url))
using (SPWeb _web = _site.OpenWeb())
//Let's suppose your Item Id is 1
int ItemId = 1;
SPList oList = _web.Lists["EmployeeList"];
SPListItem _item = oList.GetItemById(ItemId);
if (FileUpload1.HasFile)
_web.AllowUnsafeUpdates = true;
Stream fs = FileUpload1.PostedFile.InputStream;
byte[] _bytes = new byte[fs.Length];
fs.Position= 0;
fs.Read(_bytes, 0, (int)fs.Length);
fs.Close();
fs.Dispose();
_item.Attachments.Add(FileUpload1.PostedFile.FileName, _bytes);
_item.Update();
_web.AllowUnsafeUpdates = false; -
Update List Items using REST API - Keep Getting 400 Bad Request
I am using code from the following answer:
http://social.msdn.microsoft.com/Forums/sharepoint/en-US/40833576-5853-4ca4-95cf-b5b1d69f465f/sharepoint-rest-and-c-sample-to-update-list-item?forum=sharepointdevelopment
I am having a tough time figuring out the issue though. I have been able to retrieve list items, but now I want to update those items. This is the following code just to get the digest information with passing in credentials:
public static string GetFormDigest(System.Net.NetworkCredential cred)
string formDigest = null;
string resourceUrl = "https://SITEURL/_api/contextinfo";
HttpWebRequest wreq = HttpWebRequest.Create(resourceUrl) as HttpWebRequest;
wreq.Credentials = cred;
wreq.Method = "POST";
wreq.Accept = "application/json;odata=verbose";
wreq.ContentLength = 0;
wreq.ContentType = "application/json";
string result;
WebResponse wresp = wreq.GetResponse();
using (StreamReader sr = new StreamReader(wresp.GetResponseStream()))
result = sr.ReadToEnd();
var jss = new JavaScriptSerializer();
var val = jss.Deserialize<Dictionary<string, object>>(result);
var d = val["d"] as Dictionary<string, object>;
var wi = d["GetContextWebInformation"] as Dictionary<string, object>;
formDigest = wi["FormDigestValue"].ToString();
Console.WriteLine(formDigest);
return formDigest;
Then the following code is used:
string result = string.Empty;
Uri uri = new Uri(sharepointUrl.ToString() + "/_api/Web/lists/getByTitle('DemoList')/items(1)");
HttpWebRequest wreq = (HttpWebRequest)WebRequest.Create(uri);
wreq.Credentials = cred;
wreq.Method = "POST";
wreq.Accept = "application/json; odata=verbose";
wreq.ContentType = "application/json; odata=verbose";
wreq.Headers.Add( "X-HTTP-Method","MERGE");
wreq.Headers.Add( "IF-MATCH", "*");
wreq.Headers.Add("X-RequestDigest", GetFormDigest(cred));
string stringData = "{'__metadata': { 'type': 'SP.Data.DemoListListItem' }, 'Title': 'updated!'}";
wreq.ContentLength = stringData.Length;
StreamWriter writer = new StreamWriter(wreq.GetRequestStream());
writer.Write(stringData);
writer.Flush();
try {
WebResponse wresp2 = wreq.GetResponse();
using (StreamReader sr = new StreamReader(wresp2.GetResponseStream()))
result = sr.ReadToEnd();
catch (Exception e) { Console.WriteLine("An error occurred: '{0}'", e); }
It errors out when it tries to send the command to Sharepoint. I am NOT using a sharepoint hosted app. I just wanted to directly contact sharepoint and update items. Any help or suggestions would be greatly appreciated!
Thanks,
Priyank
I just found some other code that seemed to work on editing a title and edited it kind of guessing it would work and it did!
This is the code that ended working using the same digest code from above:
Console.WriteLine("\n Newer Fancier Code \n");
Uri uri = new Uri("https://SHAREPOINTURL/_api/web/lists/GetByTitle('Demo')/items(1)");
HttpWebRequest request = (HttpWebRequest)WebRequest.Create(uri);
request.ContentType = "application/json;odata=verbose";
request.Headers["X-RequestDigest"] = GetFormDigest(cred);
request.Headers["X-HTTP-Method"] = "MERGE";
request.Headers["IF-MATCH"] = "*";
request.Credentials = cred;
request.Accept = "application/json;odata=verbose";
request.Method = "POST";
string stringData = "{ '__metadata': { 'type': 'SP.ListItem' }, 'Location': 'updatedinfo' }";
request.ContentLength = stringData.Length;
StreamWriter writer = new StreamWriter(request.GetRequestStream());
writer.Write(stringData);
writer.Flush();
HttpWebResponse response = (HttpWebResponse)request.GetResponse();
StreamReader reader = new StreamReader(response.GetResponseStream());
Just fyi if anyone was wondering. Next, I'm going to be trying to update multiple fields, possibly multiple items if possible if anyone knows how to do that.
Maybe you are looking for
-
I rented two movies from iTunes using my iPad. They show us as purchased but will not run from there. I get a message saying I have 24hours to watch then it just goes back to iTunes. I looked in video app where they usually go and nothing is there. A
-
HP OfficeJet Pro 8620 - Will Not Set Up on Desktop
I have connected a new OfficeJet Pro 8620 to my wireless network. All Apple devices (Mac, Ipad, Iphone) can see and print to the printer without a problem. My desktop computer (HP with a Cisco Router) sees the printer to be selected for installati
-
How to automate pan/zoom ?
Version: Adobe Premiere Elements 12 OS: Windows 7 I do a lot of montages where the bulk of the video is from pictures. Is there a way to automate pan/zoom in a random way that I can subsequently modify to my liking ? Most times I have a lot of pictur
-
Problem beim Installieren von Adobe-Produkten auf DELL XPS 8700
Hallo, seit ca. drei Monaten besitze ich einen DELL XPS 8700. Leider habe ich erhebliche Probleme mit der INstallation einiger Adobe-Produkte. Über die Datenverarbeitungszentrale meines Arbeitgebers kann ich die Produkte "Adobe Acrobat XI Pro" und "A
-
Steps too create connection between OBIEE and Datamart on UNIX box..Uregnt
Hi experts I have created my OBIEE repository on windows machine. Now i want to Transfer this repository on unix machine so ....which steps i have to follow.. Thanks in advance Regards sunil