SPUtility Discussions Rss Feed

New Post: Error: Unable to get value of the property 'Hide': object is null or undefined

KitMenke — Mon, 29 Apr 2013 18:01:15 GMT

Great, I'm glad you were able to get it working!

Right now, it only works with out of the box forms.... not customized forms.

I'm working on the jQuery version of SPUtility right now... maybe once I have time I'll look at adding support for custom forms as well. :)

New Post: Error: Unable to get value of the property 'Hide': object is null or undefined

PointerBrother — Mon, 29 Apr 2013 15:21:57 GMT

Firefox messages I get when running this on a custom form:

 TypeError: SPUtility.GetSPField(...) is null
      var StatusValue = SPUtility.GetSPField('Division').GetValue();

and

 TypeError: $(...) is null
      $("link[rel='stylesheet']").each(function()

New Post: Error: Unable to get value of the property 'Hide': object is null or undefined

PointerBrother — Mon, 29 Apr 2013 14:37:00 GMT

Kit - thanks for the hints - however adding that to the screen did not work. I moved the same code to a default edit form (not my custom one modified in SPD) and I couldn't get the alert to fire.

I read through some of your other documentation on getting fields to pop, and those started working - so I went with those. I've added the PreSaveAction to it - so thanks for the nice toolset.

 <script src="/sites/DEV/SOXTesting3/SiteAssets/prototype.js" type="text/javascript"></script>
 <script src="/sites/DEV/SOXTesting3/SiteAssets/SPUtility.js" type="text/javascript"></script>
 <script type="text/javascript">

 // Get the YesNoField
 var YesNoField = SPUtility.GetSPField('Evaluation Complete');
 var YesNoValue = YesNoField.GetValue();

 // Invoking the SharePoint function to validate before saving
 function PreSaveAction(){
    if(confirm("If you are ready to submit this form, click OK; otherwise click cancel to exit without completing."))      {
        alert("Thank you for submitting this form");
        YesNoField.SetValue(true)
        return true;
        }
    else {
 //     alert("This form is not complete, click OK to continue");
        YesNoField.SetValue(false)
        return true;
    }
 }
 </script>

Does this solution work on custom forms? I can only get this script to work on OOTB forms - nothing else.

New Post: Error: Unable to get value of the property 'Hide': object is null or undefined

KitMenke — Thu, 25 Apr 2013 00:16:22 GMT

PointerBrother,
This error could happen for a variety of reasons. In your case, it looks like you may be attempting to use SPUtility before your form has loaded.

Try this out:

<script src="/sites/Corp/SOX/2013/SiteAssets/prototype.js" type="text/javascript"></script>
<script src="/sites/Corp/SOX/2013/SiteAssets/SPUtility.js" type="text/javascript"></script>
<script type="text/javascript">
function MyCustomExecuteFunction()
{
    SPUtility.Debug(true);
    var myChoiceField = SPUtility.GetSPField('Reason for Test');
    var value = myChoiceField.GetValue();
    alert(value);
}
_spBodyOnLoadFunctionNames.push("MyCustomExecuteFunction");
</script>

Thanks,
Kit

New Post: Error: Unable to get value of the property 'Hide': object is null or undefined

PointerBrother — Wed, 24 Apr 2013 15:52:05 GMT

I have the same issue - others must've found the simple answer and forgot to post back - I'm new to this utility - but the same issue.

SharePoint 2010

List that had custom forms - I have recreated a standard EditForm.aspx which is where this script is
not finding the field

SCRIPT:

 <script src="/sites/Corp/SOX/2013/SiteAssets/prototype.js" type="text/javascript"></script>
 <script src="/sites/Corp/SOX/2013/SiteAssets/SPUtility.js" type="text/javascript"></script>
 <script type="text/javascript">
 SPUtility.Debug(true);
 var myChoiceField = SPUtility.GetSPField('Reason for Test');
 var value = myChoiceField.GetValue();
 alert(value);
 </script>

ERROR:

 GetSPField: Unable to find a SPField named Reason for Test

The field "Reason for Test" is a choice field w/ 3 options.

 Display Name = Reason for Test
 Static Name = ReasonforTest

New Post: jQuery version in the works, need your feedback

KitMenke — Fri, 22 Mar 2013 03:25:12 GMT

Thanks. :)

That is sort of what I was leaning towards. I get the impression that people won't really need to upgrade... if someone is currently using SPUtility.js then it probably is working fine for them right now.

I am figuring out if I can get access to a 2013 environment. Hopefully I can still support all three versions though! We shall see.

New Post: jQuery version in the works, need your feedback

sankumarr — Thu, 21 Mar 2013 13:42:31 GMT

Hello,

First of all, kudos to your great effort!

Coming back to your question, I would suggest creating the JQuery version for SharePoint 2013 onwards and you could leave the existing version for SP2010 and SP2007

Cheers,

New Post: jQuery version in the works, need your feedback

KitMenke — Wed, 20 Mar 2013 03:07:21 GMT

I think we can all agree at this point that the majority of people would prefer to use jQuery over prototype.js.

I wanted to let everyone know that I'm currently working on a version of SPUtility.js relies on jQuery instead.

Right now, the API is the same but I am considering implementing a new API.. namely because it could be more consistent with jQuery standards.

This would mean that changes would need to be made to existing code if you wanted to switch to use the jQuery version. Before I do though, I wanted to put it out there to the community:

Do you want to switch from the prototype.js version to the jQuery version?
If so, would a different API significantly impact you / prevent you from switching?

If you have any feedback let me know!

New Post: SPUtility.GetSPField returns NULL when using in DispForm.aspx

KitMenke — Sat, 09 Mar 2013 19:45:04 GMT

Hey guys,
I have implemented a fix, tested it against SP2007, and incorporated it into my newest bug fix release (0.8.2).

You can download 0.8.2 here: http://sputility.codeplex.com/releases/view/65209. Let me know if you have any more issues!
Thanks,
Kit

New Post: Bug with SPLookupField and "saving" the form

KitMenke — Sat, 09 Mar 2013 19:42:29 GMT

Etienne,
Terribly sorry it has taken so long for me to respond... Thank you for figuring this out and reporting it (with code no less!). I tweaked it a little bit (so as to not use jQuery calls) and incorporated it into the newest bugfix release 0.8.2.
Thanks,
Kit

New Post: SPUtility.GetSPField returns NULL when using in DispForm.aspx

KitMenke — Sat, 09 Mar 2013 18:06:44 GMT

Thank you for the detailed info... it helps a lot. I am able to reproduce this in my test list on DispForm.aspx.

I'll take a look and let you know what I find out.

New Post: SPUtility.GetSPField returns NULL when using in DispForm.aspx

mwoollen — Fri, 08 Mar 2013 13:25:08 GMT

I am having the same problem.

Yes, including Prototype.js before SPUtility.js... just like the documentation...
I've tried both methods _spBodyOnLoadFunctionNames and Event.observe. Both methods work for EditForm.aspx, but fail for DispForm.aspx.

Code Snip:

var fldCurr;
fldCurr = SPUtility.GetSPField('Skill Level');
if (fldCurr == null) alert("Skill Level is null");
else fldCurr.Hide();

Pops alert "Skill Level is null" on DispForm.aspx and works fine on EditForm.aspx.

Full sample:
~~~~~~~~~~
function MyCustomExecuteFunction()
{

try {
    // TODO: Put your code here...
    //SPUtility.GetSPField('Name').SetValue('Hello world!');
    var fldCurr;
    //fldCurr = SPUtility.GetSPField('Skill Level');
    //if (fldCurr == null) alert("Skill Level is null");
    //else fldCurr.Hide();

    fldCurr = SPUtility.GetSPField('Specific Skills').Hide();
    //if (fldCurr == null) alert("Specific Skills is null");
    //else fldCurr.Hide();

    SPUtility.GetSPField('Current SOW').Hide();
    SPUtility.GetSPField('Current Rate').Hide();
    SPUtility.GetSPField('New SOW Rate').Hide();
    SPUtility.GetSPField('New Discounted Rate').Hide();
    SPUtility.GetSPField('18 Month Date').Hide();
    SPUtility.GetSPField('Mandatory Roll Off Date').Hide();
    SPUtility.GetSPField('Potential Candidates').Hide();
} catch (ex) {
    alert(ex.toString());
}

}

_spBodyOnLoadFunctionNames.push("MyCustomExecuteFunction")
~~~~~~~~~~~~

I believe SharePoint is 2007, WSS 3.0.
SPUtility.js Version: 0.8.1
Prototype.js Version: '1.7.1',

Thanks!

New Post: SetValue not working on People Picker Field, for IE9.

a2codeplex — Fri, 11 Jan 2013 11:02:07 GMT

I have the code bellow on a newform.asp.

When I run it on Google Chrome, the People picker field (named "solicitante"), receive the information on text field (named "teste"), but on Internet Explrer 9, the field is blank.

function fillDefaultValues() {
var peopleField = SPUtility.GetSPField('Solicitante');peopleField.MakeEditable();peopleField.SetValue(SPUtility.GetSPField("teste").GetValue());

}

New Post: Bug with SPLookupField and "saving" the form

lambi_uk — Thu, 20 Dec 2012 16:27:42 GMT

Hi Guys,

First of all a big thank you for the people who have been involved in writing this awesome library.

Came across a little bug which took me a while to get my head around and thought I would feed it back to the community.

There is a problem when populating a SPLookupField with "Complex" display in IE (lookup column with more than 20 items - autocomplete activated). This control is using a "Hidden" field that is then grabbed when sending the data to the server (the "opthid" attribute of the control). If not set, even if auto-populated this value will not be set unless the user actually changes the selection.

Anyway, here are the changes I have made to the code in bold below:

	/*
	 *	SPLookupField class
	 *	Supports single select lookup fields
	 */
	SPLookupField = Class.create(SPField, {
		initialize: function ($super, spParams) {
			$super(spParams);
			
			var controls = this.Controls.select('input');
			if (1 === controls.length) {
				// autocomplete lookup
				this.Textbox = controls[0];
				
				this.GetValue = function () {
					return this.Textbox.getValue();
				};
				
				this.SetValue = function (value) {
					var choices, hash;
					var selectedID;

					// a list item ID was passed to the function so attempt to lookup the text value
					choices = this.Textbox.readAttribute('choices');
					hash = new Hash();

					// JSLint error here but not much I can do...
					choices.scan(/(([^\|]|\|\|)+)\|(\d+)/, function (match) {
						hash.set(match[3], match[1].replace(/\|\|/g, '|'));
					});
					
					if (Object.isNumber(value)) {
						this.Textbox.setValue(hash.get(value.toString()));
						
						// If we have the ID, set the Hidden field value to be this ID
						selectedID = value.toString();
					} else {
						this.Textbox.setValue(value);

						// If we have the "value" find its ID in the Hashtable
						selectedID = hash.index(value.toString());
					}
					
					// We also need to set the associated hidden field with the correct value...
					opthid = this.Textbox.readAttribute('opthid');
					
					jQuery('input[name="' + opthid + '"]').val(selectedID);					
					
					updateReadOnlyLabel(this);
					return this;
				};
				
			} else {
				controls = this.Controls.select('select');
				if (1 === controls.length) {
					// regular dropdown lookup
					this.Dropdown = controls[0];
					
					this.GetValue = function () {
						return this.Dropdown.options[this.Dropdown.selectedIndex].text;
					};
					
					this.SetValue = function (value) {
						if (Object.isNumber(value)) {
							this.Dropdown.setValue(value);
						} else {
							var i, numOptions;
							// need to set the dropdown based on text
							numOptions = this.Dropdown.options.length;
							for (i = 0; i < numOptions; i += 1) {
								if (this.Dropdown.options[i].text === value) {
									this.Dropdown.selectedIndex = i;
									break;
								}
							}
						}
						updateReadOnlyLabel(this);
						return this;
					};
				}
			}
		}
	});

That's it, hope this helps and will make it to the main code branch!

Fantastic idea and very clean code, so refreshing to work with this library :)

Cheers & happy coding.

Etienne

New Post: Show field if checked

srice — Mon, 05 Nov 2012 01:37:56 GMT

Thanks for responding. I entered the code as suggested and it changes my name field from readonly and doesn't hide or unhide the other fields. I'm sure it something with my syntax...

here is my code

<script type="text/javascript" src="/school/prototype.js"></script>
<script type="text/javascript" src="/school/SPUtility.js"></script>
<script type="text/javascript">

 
// run after the page has loaded
Event.observe(window,'load',function(){
try {
//make the name a readonly field
SPUtility.GetSPField('Name').MakeReadOnly();

var fieldClasses = SPUtility.GetSPField('Classes');
fieldClasses.Checkboxes.get("English").observe('click', function(evt) { var englishComments = SPUtility.GetSPField('English Comments'); // this is the input element the user clicked on if (this.checked) { englishComments.Show(); } else { englishComments.Hide(); } });

fieldClasses.Checkboxes.get("Math").observe('click', function(evt) { var mathComments = SPUtility.GetSPField('Math Comments'); // this is the input element the user clicked on if (this.checked) { mathComments.Show(); } else { mathComments.Hide(); } }); } catch (ex) {

alert(ex.toString());
}
});
</script>

Thanks me!

New Post: Lookup column on NewForm.aspx

MarkETolley — Fri, 02 Nov 2012 14:57:26 GMT

Hi Kit,

Many thanks - you're a genius!

My code works correctly now, and will certainly improve the user 'experience'.

Best regards,

Mark

New Post: Lookup column on NewForm.aspx

KitMenke — Fri, 02 Nov 2012 13:54:58 GMT

Mark,

I think I figured out the issue. Lookup fields are weird because they change depending on which browser you are using.. autocomplete in IE and dropdown in other browsers.

I've attached a new version of SPUtility.js here: http://sputility.codeplex.com/workitem/12. If you don't mind, can you test out the fix and let me know if it is working for you?

Thanks,
Kit

New Post: Lookup column on NewForm.aspx

KitMenke — Fri, 02 Nov 2012 13:04:20 GMT

I'm able to reproduce this using a large lookup field. I'll see if I can figure out what is causing the issue in SPUtility.

New Post: Lookup column on NewForm.aspx

MarkETolley — Fri, 02 Nov 2012 09:43:45 GMT

Hi Kit,

It's a single select with about 80 items.

I've already tried the 3 forms of URL 'spacing', e.g. ' ', '+' & '%20', and have tried various combinations of .replace in c_ref.

Something else to note: -

If you drop down the list then the correct entry is highlighted and then, without 'touching' the list, just press OK and it saves correctly

New Post: Lookup column on NewForm.aspx

kitmenke — Thu, 01 Nov 2012 23:43:33 GMT

Mark,

I haven't been able to repro the issue yet. Some questions..

Is your field a single or multi-select lookup field? Are there more than 20 items in the lookup list?
Can you give me an example of the URL? Specifically I'm interested in what the query parameters are. For example: "NewForm.aspx?c_ref=aa+bb+cc" versus "NewForm.aspx?c_ref=aa bb cc" or even "NewForm.aspx?c_ref=aa%20bb%20cc"
Have you tried replacing all instances of "+" with " " (space) in c_ref?

Hopefully we can get this working for you.

Thanks,
Kit